Introduction aux boucles JavaScript
- 3797
- 95
- Thomas Richard
De nos jours, JavaScript peut être facilement défini comme le langage de programmation le plus utilisé dans le monde: il est utilisé sur une variété de plateformes, il est intégré dans les navigateurs Web et grâce à la Nœud.js Exécution Il peut également être utilisé côté serveur. Dans ce tutoriel, nous verrons les boucles que nous pouvons être utilisées dans JavaScript moderne.
Dans ce tutoriel, vous apprendrez:
- Quelle est la syntaxe et comment fonctionne la boucle while en javascript
- La syntaxe de la boucle do / while et comment elle fonctionne en javascript
- La syntaxe de la boucle pour et comment elle fonctionne en javascript
- La syntaxe de la boucle for / et comment elle fonctionne en javascript
- La syntaxe de la boucle pour / en comment elle fonctionne en javascript
Introduction aux boucles JavaScript Exigences et conventions logicielles utilisées
| Catégorie | Exigences, conventions ou version logicielle utilisée |
|---|---|
| Système | Indépendant de la distribution |
| Logiciel | Nœud.JS pour utiliser JavaScript en dehors des navigateurs Web |
| Autre | Connaissance de base du JavaScript et de la programmation orientée objet |
| Conventions | # - Exige que les commandes Linux soient exécutées avec des privilèges racine soit directement en tant qu'utilisateur racine, soit par l'utilisation de Sudo commande$ - Exige que les commandes Linux soient exécutées en tant qu'utilisateur non privilégié régulier |
La boucle while
Le alors que Boucle en javascript fonctionne comme vous pouvez vous y attendre et vous êtes habitué dans d'autres langages de programmation. Sa syntaxe est la suivante:
Instruction (condition) Le corps de boucle est exécuté tant que le condition, vérifié à chaque itération, évalue à vrai. Voici un exemple de la alors que Boucle en action:
LET COURT = 0; Pendant (compteur < 5) console.log(counter); counter++; Pendant l'exécution de la boucle, nous obtenons la sortie suivante:
0 1 2 3 4
En fin de compte, la valeur du comptoir la variable sera 5:
> Counter 5
La boucle do / while
Le faire pendant La syntaxe de boucle est la suivante:
faire la déclaration pendant (condition) Il fonctionne de manière similaire au alors que boucle que nous venons de voir, avec une seule différence. Voyons-le avec un exemple:
Laisse contre = 5; faire console.log (compteur) compteur ++; while (compteur < 5); Vérifions la valeur du comptoir variable après l'exécution de la boucle:
> Counter 6
Initialement, nous avons attribué une valeur de 5 au comptoir variable. Même si la condition de test de la boucle évalue FAUX (comptoir < 5), la valeur du comptoir la variable est incrémentée de 1, donc à la fin il est 6. C'est parce que, dans un faire pendant boucle, le corps de boucle est toujours exécuté au moins une fois et comme répété tant que le condition évalue à vrai.
La boucle pour
Le pour Loop est la boucle classique de style C:
pour ([initialisation]; [condition]; [[l'expression finale]) Le initialisation consiste, généralement, dans une déclaration variable, évaluée une fois avant l'exécution de la boucle. Le condition est testé avant chaque itération de la boucle; S'il évalue à vrai le déclaration est exécuté. Le expression finale L'expression, à la place, est évaluée à la fin de chaque itération de la boucle. Les trois blocs sont facultatif, et chacun d'eux peut être omis; Cependant, une utilisation typique du pour la boucle est la suivante:
pour (soit i = 0; i < 5; i++) console.log(i) Nous avons utilisé le laisser mot-clé pour initialiser le je variable avec une valeur de 0, Ensuite, nous avons réglé le condition, de sorte que l'instruction LOOP est exécutée tant que la valeur du je la variable est inférieure à 5. Enfin, nous avons réglé le expression finale de sorte que la valeur du je la variable est incrémentée de une après chaque itération de boucle. Si nous exécutons le code ci-dessus, nous obtenons le résultat suivant:
0 1 2 3 4
La boucle pour /
Le pour / de Loop a été introduit en javascript avec ES6. Ce type de boucle peut être utilisé sur itérable des objets, comme tableaux (ou des objets de type tableau tels que Nodeliste), cordes, Carte, Ensemble. etc. Sa syntaxe est la suivante:
pour (variable d'Itéable) déclaration En supposant que nous ayons le tableau suivant:
const my_array = ['Bruce', 'John', 'Marta']; Nous pouvons itérer dessus en utilisant le pour / de boucle très facilement:
pour (que i de my_array) console.journal (i); Le code ci-dessus nous donnera les résultats suivants:
Bruce John Marta
Comme indiqué ci-dessus, le pour / de La boucle peut également être utilisée sur les chaînes:
const Site = "LinuxConfig.org "; pour (const c du site) console.journal (c); La boucle iratera sur chaque caractère de la chaîne, en donnant à l'utilisation du résultat suivant:
l i n u x c o n f i g . o r g
Le pour / de Loop fonctionne également sur Carte et Ensemble objets. Un objet MAP peut être décrit comme une sorte de tableau où les valeurs arbitraires peuvent être utilisées comme clés au lieu de simples entiers. Pour définir un objet MAP, nous pouvons utiliser le constructeur de classe MAP et passer éventuellement un tableau contenant des tableaux à deux éléments:
const my_map = new map ([['name', 'frodo'], ['race', 'hobbit']]); Pour itérer sur l'objet Map que nous venons de créer en utilisant le pour / de Boucle, nous écrivions:
for (const name_value_pair de my_map) console.log (name_value_pair); Nous obtiendrions:
['Name', 'Frodon'] ['race', 'hobbit'] UN Ensemble L'objet peut également être vu comme une sorte de variante d'un tableau. La différence entre l'objet AS SET et un tableau est que le premier n'est pas indexé et non commandé, et il ne peut pas contenir de valeurs en double. Pour définir un objet défini, nous utilisons le Ensemble Constructeur de classe:
const my_set = new set (['frodo', 1]); Pour itérer sur l'ensemble, nous écrivons:
pour (constant élément de my_set) console.log (élément); Comme vous pouvez vous y attendre, nous obtiendrions le résultat suivant:
Frodo 1
Le pour / de la boucle ne peut pas être utilisée sur objets non itérables, comme des objets «réguliers». Ce que nous pouvons faire, c'est d'itérer sur le tableau des touches d'objet ou le tableau des valeurs correspondantes. Pour obtenir un tableau avec toutes les clés d'un objet, nous pouvons utiliser le Objet.clés Méthode, passer notre objet comme argument. Supposons que nous ayons l'objet suivant:
Laissez le caractère = nom: 'Frodo', race: 'hobbit' Si nous essayons d'utiliser le pour / de boucle dessus, nous obtenons une erreur:
pour (const j de caractère) console.journal (j); Typeaurs non revêtus: le caractère n'est pas itérable Nous pourrions écrire le code suivant pour itérer sur ses clés en utilisant le pour / de boucle:
for (const de const de objet.touches (caractère)) console.log ('$ key est: $ caractères [key]'); Nous obtiendrions le résultat suivant:
Le nom est: Frodon Race est: Hobbit
Itérer directement sur les valeurs d'objet, c'est tout aussi simple: nous pouvons utiliser le Objet.valeurs Méthode pour obtenir un tableau qui contient toutes les valeurs associées aux touches d'objet:
pour (const i de l'objet.valeurs (caractère)) console.journal (i); Comme vous pouvez vous y attendre, la sortie est:
Frodon Hobbit
La boucle pour / en
Le pour / en Boucle en javascript itère sur tout le dénuable Propriétés d'un objet utilisant un ordre arbitraire. Il fonctionne sur les propriétés représentées par des cordes, donc elle sautera Symboles. La syntaxe de boucle est la suivante:
Pour (variable dans l'objet) Lorsqu'il est utilisé sur les tableaux, il iratera les index, donc par exemple, itérant sur le My_array Tableau que nous avons défini avant:
for (const key in my_array) console.log (clé); produira les résultats suivants:
0 1 2
Voici comment, en utilisant le pour / en Loop, nous pouvons réécrire le code que nous avons utilisé avant d'itérer sur les non-itérables personnage Propriétés de l'objet:
for (const Key dans le caractère) console.log ('$ key est: $ caractères [key]'); Conclusions
Dans cet article, nous avons vu quels sont les 5 types de boucles que nous pouvons utiliser dans le JavaScript moderne, à partir du alors que et le faire pendant boucles et procéder à l'examen du pour, pour / de et pour / en Boucle et leur syntaxe. Si vous êtes intéressé par JavaScript en tant que sujet, vous pouvez jeter un œil à nos articles sur les fonctions de flèche ou les fonctions d'ordre supérieur.
Tutoriels Linux connexes:
- Masterring Bash Script Loops
- Boucles imbriquées dans les scripts bash
- Une introduction à l'automatisation Linux, des outils et des techniques
- Choses à installer sur Ubuntu 20.04
- À quelle fréquence devez-vous redémarrer votre serveur Linux?
- Mint 20: Mieux que Ubuntu et Microsoft Windows?
- Fichiers de configuration Linux: 30 premiers
- Boucles de bash avec des exemples
- Choses à faire après l'installation d'Ubuntu 20.04 Focal Fossa Linux
- Comment installer Kubernetes sur Ubuntu 20.04 Focal Fossa Linux