Pour, pour… de et pour… en boucles en javascript | Expliqué
Pour boucle en javascript
La boucle la plus courante et la plus utilisée en JavaScript et probablement dans tous les autres langages de programmation est également le Pour boucle. Comme nous l'avons déjà expliqué, ces boucles sont utilisées pour exécuter ou invoquer à plusieurs reprises un morceau de code jusqu'à ce qu'une condition spécifique soit remplie. Cette condition est passé à l'intérieur du deuxième paramètre du Pour boucle. Car la boucle est couramment utilisée lorsque nous avons une estimation approximative du nombre de fois que la boucle fonctionnera. Sur la base de cela, nous définissons notre état.
Syntaxe de Loop pour
for (initialize-variable; condition-to-met; final-expression)// corps de la boucle pour
- Initialize-variable: Initialiser une variable dans le premier paramètre.
- Condition-à-faire: Définissez une condition sur laquelle la boucle iratera.
- Expression finale: Tâche à effectuer à la fin de l'itération de Loop
Note: Les paramètres de la boucle FOR sont séparés par un semi-colon ”; »Et sont tous facultatifs en javascript.
Exemple: Prenons un exemple où nous devons imprimer les 10 premiers chiffres à partir d'un. Si nous le faisons sans une boucle, notre code ressemblera:
console.journal (1);console.journal (2);
console.journal (3);
console.journal (4);
console.journal (5);
console.journal (6);
console.journal (7);
console.log (8);
console.log (9);
console.log (10);
Le résultat:
La sortie est exactement ce que nous voulions, mais ce n'est pas une façon efficace de le faire. Essayons d'utiliser la boucle pour résoudre le même problème. Le code est comme:
pour (soit i = 0; i <=10 ; i ++)console.journal (i)
La sortie est exactement la même:
Si nous passons en revue le code, nous avons créé une variable de comptoir en bloc «I» et l'avons initialisée avec une valeur entière 0. Dans le deuxième paramètre, nous définissons une condition que nous voulons exécuter jusqu'à ce que la variable de compteur atteigne la valeur 10, et dans le dernier paramètre, nous définissons une expression finale pour augmenter cette variable de compteur par 1 chaque fois que la boucle atteint la fin de chaque itération.
Comment travailler avec les tableaux en utilisant pour Loop
Les boucles peuvent également être utilisées pour itérer à travers les tableaux et leur valeur, pour démontrer que nous aurons besoin d'un tableau. Créez un tableau de nombres avec l'énoncé suivant:
Array = [1,5,88,24,25,137,37,28,173 222];Utilisons l'accès en boucle à chaque élément à l'intérieur de ce tableau et imprimez sa valeur en utilisant les instructions suivantes:
pour (i = 0; i < array.length ; i++)console.log (array [i]);
La sortie est:
Note: Nous avons utilisé la condition, je < array.length because the index of the last element in the array, will always be one less than the length of the array and that is because in arrays the index starts from zero
Nous pouvons même utiliser la boucle FOR pour traverser le tableau du dernier au premier en utilisant le code:
pour (laissez i = tableau.longueur-1; i> = 0; je--)console.log (array [i]);
Nous avons initialisé la variable de comptoir avec une valeur une valeur inférieure à la longueur de ce tableau pour accéder au dernier élément du tableau, et avons commencé à réduire la variable de compteur de 1 dans chaque itération. La sortie est:
La boucle pour JavaScript
La boucle de For-OF est utilisée pour itérer sur des objets itérables, ces objets peuvent être des tableaux, des ensembles, des objets et même des chaînes. Le pour… de la boucle renvoie la valeur des éléments des objets itérables:
Syntaxe de la boucle pour
pour (élément du tableau)// corps de la boucle
- élément: est le nom de la variable que nous allons donner à chaque élément du tableau.
- déployer: est le tableau que nous traversons
Pour mieux comprendre le fonctionnement de la boucle pour la boucle, prenons un tableau de valeurs de variables:
Array = [1,4,56, "Cash", "Car", 63, 69, "Google", "Moon", "Mercury"];Maintenant, utilisez la boucle FOR-OF pour parcourir les éléments en utilisant les lignes de code suivantes:
pour (elem de l'arraie)console.journal (elem);
La sortie est:
Nous avons traversé les éléments du tableau en utilisant le pour… de la boucle.
En boucle à travers une chaîne en utilisant la boucle pour
Nous pouvons utiliser la boucle FOR-OF pour passer par chaque caractère d'une valeur de chaîne. Pour cela, créons une variable de chaîne en utilisant l'instruction suivante dans JavaScript.
var phrase = "Bienvenue sur Linuxhint!"Maintenant, parcourez chaque caractère de cette variable en utilisant les commandes:
pour (char de la phrase)console.journal (char);
Nous obtenons la sortie suivante dans notre console:
Comme vous pouvez le voir, avec l'aide de la boucle de For, nous avons pu accéder à chaque caractère individuel à partir d'une chaîne.
La boucle for-in:
La boucle for-in est utilisée pour parcourir les propriétés des éléments à l'intérieur des objets itérables, pour le comprendre d'une bien meilleure manière que nous créons un objet contenant des paires de valeurs clés en utilisant les instructions suivantes:
const Person = FirstName: "John", LastName: "Doe", âge: 22, ville: "Newyork";Imprimons les valeurs «clé» de cet objet en utilisant la boucle pour… en… via ces instructions:
pour (accessoires en personne)console.log (accessoires);
La sortie est:
Comme vous pouvez le voir, la boucle for-in accède aux noms des propriétés des éléments.
Conclusion
Le pour boucle est la boucle la plus utilisée; JavaScript est livré avec sa variation de la boucle, le boucle à forte, et le For-Of Loop. Nous avons appris la syntaxe et le travail du pour boucles. Après cela, nous avons appris le en avant et le pour Loop et comment ils fonctionnent et ce qu'ils reviennent avec leurs exemples, et nous avons même appris la différence entre les deux variantes.