Javascript pour Loop - Tutoriel pour les débutants

Dans les langages de programmation, des boucles sont utilisées pour exécuter un bloc de code à plusieurs reprises jusqu'à ce qu'une condition spécifique soit satisfaite. Tous les principaux langages de programmation, y compris JavaScript, contiennent le concept de boucles.

JavaScript est un langage de script basé sur le texte couramment utilisé pour ajouter des éléments dynamiques et interactifs aux sites Web statiques pour les rendre visuellement attrayants.

Les boucles ont une syntaxe différente dans chaque langage de programmation, mais le concept de base (logique) reste le même.

La plupart des langages de programmation ont plus d'un type de boucle. Les célèbres sont pour et alors que boucle. Ce guide n'apprendra que la boucle et où elle devrait être utilisée à la place d'autres boucles (favorisées par rapport aux autres boucles).

Les boucles peuvent être échangées les unes avec les autres dans la plupart des cas, mais les boucles doivent être utilisées lorsque vous devez exécuter un nombre déterminé d'itérations (lorsque vous connaissez déjà le nombre de fois que la boucle fonctionnera).

Pour la syntaxe de boucle:

Tout d'abord, nous devons discuter de la syntaxe pour boucle Utilisations dans JavaScript:

pour (initialisation; condition; ** Instruction du modificateur de valeur variable **)

Code à exécuter

Dans pour boucle:

• Tout d'abord, initialisez / définissez une variable (l'initialisation s'exécute avant l'exécution du corps) i.e. Laissez i = 0;
• Deuxièmement, définissez la condition pour la boucle (cette instruction s'exécute avant l'exécution et décide si la boucle s'exécutera ou non), je.e., je <= 10;
• Enfin, la troisième et la dernière déclaration se déroule après l'exécution du corps de la boucle. Il modifie la valeur de la variable pour la prochaine itération, i.e i ++ ou i-

Note: Nous utiliserons la console du navigateur pour démontrer des exemples effectués dans ce post. Pour ouvrir la console du navigateur:

• Utilisez le F12 Clé dans Chrome et autres navigateurs à base de chrome.
• Utiliser Ctrl + shift + k Clés de raccourci clavier pour Mozilla.
• Utiliser Option + ⌘ + C Clés de raccourci clavier dans Safari (si le menu du développeur n'apparaît pas, alors ouvrez les préférences en appuyant sur ⌘ +, et en Avancé chèque d'onglet "Afficher le menu de développement dans la barre de menus").

Comment utiliser pour boucle?

Nous allons prendre un programmeur comme un exemple qui doit sortir une séquence de nombres de un à vingt en utilisant JavaScript. Ils devront écrire vingt lignes de code pour produire cette séquence. Cette façon d'écrire du code est très inefficace.

Nous pouvons écrire efficacement ces tâches répétitives à l'aide de boucles. Comme mentionné ci-dessus, le nombre de lignes dans le programme peut être réduit de vingt à quatre en utilisant un pour une boucle.

pour (let numéro = 1; numéro <= 20; number++)

console.log (numéro);

Maintenant discutons comment un pour Loop fonctionne réellement. La première déclaration, je.e., initialisation, fonctionne avant les instructions présentes à l'intérieur du corps de la boucle et définit une variable. La deuxième instruction s'exécute également avant l'exécution du bloc de code. Il a défini la condition pour la boucle. Cette déclaration décide si la boucle fonctionnera pour la prochaine itération ou s'arrête à l'itération actuelle. La troisième et la dernière instruction s'exécute après que les instructions à l'intérieur de la boucle soient exécutées. Il incrémente la valeur présente à l'intérieur de la variable.

Nous pouvons également diminuer la valeur d'une variable dans une boucle. Nous allons maintenant sortir la séquence de vingt à un dans l'ordre descendant:

pour (let numéro = 20; numéro> 0; numéro--)

console.log (numéro);

Qu'est-ce que pour / en la boucle?

Le pour / en Les boucles sont utilisées pour traverser les propriétés présentes à l'intérieur d'un objet. Il est utile lorsque vous devez exécuter une boucle à travers un objet, mais je ne connais pas le nombre de propriétés présentes dans l'objet.

Syntaxe:

pour (objet Varin)

Affirmations

• Ici var est utilisé pour stocker un nom de propriété différent dans chaque itération.
• La boucle passe par les propriétés de l'objet spécifié.

var employee = fname: "John", lname: "Doe", âge: 20, id: 001, département: "Santé et sécurité";
pour (Let Prop dans l'employé)

console.log (prop);

Ce qui est pour / de la boucle?

Le pour / de Les boucles sont utilisées pour parcourir les valeurs d'un tableau.

var noms = [«John Smith», «John Doe», «Jane Doe»];
pour (laissez la valeur des noms)

console.log (valeur);

pour / de Les boucles peuvent également être utilisées pour exécuter les valeurs d'une chaîne.

Conclusion

Des boucles sont utilisées pour écrire du code concis et efficace. Ils éliminent la répétitivité du code. Ils sont un élément fondamental de tout langage de programmation majeur.

Comme mentionné ci-dessus, pour les boucles, prenez trois arguments. Le premier argument / paramètre est l'initialiseur qui définit la variable. Le deuxième argument est la condition; La boucle continuera de fonctionner jusqu'à ce que cette condition devienne fausse. Le troisième et le dernier argument est utilisé pour modifier la variable qui a été définie dans le premier argument. Tous ces trois arguments sont facultatifs. Ces trois arguments doivent toujours être spécifiés bien qu'ils soient facultatifs. Ne pas donner d'arguments à une boucle peut créer une boucle infinie qui peut provoquer un programme de crash. Le pour Les boucles sont généralement utilisées lorsque le codeur connaît le nombre de fois que la boucle fonctionnera.

Dans ce guide, nous avons appris à utiliser pour des boucles en utilisant la syntaxe JavaScript. Nous avons également appris pour / in et / des boucles.