Comment faire boucle / itérer dans un tableau en javascript

Les boucles sont des composants clés de chaque langage de programmation. Ils sont utilisés pour exécuter le même code ou la même logique encore et encore dans un cycle. Habituellement, les boucles ont une valeur d'index qui est différente à chaque fois que la boucle se répète. Il existe différents types de boucles disponibles en JavaScript qui nous aident à itérer sur un tableau. Un tableau est une collection qui est utilisée pour stocker différents éléments; Un exemple de tableau en javascript est:

const names = [«John», «Chris», «Harry»];

Pour obtenir un élément de ce tableau, nous fournissons simplement l'index et le nom du tableau:

console.log (noms [2]);

Cela rendra «Harry» à mesure que l'indexation commence à 0.

Nous avons vu que nous pouvons obtenir un élément d'un tableau en spécifiant un numéro d'index. Mais ce serait trop mouvementé s'il y avait 100 noms dans le tableau mentionné ci-dessus. La solution utilise des boucles; Les boucles peuvent facilement gérer les tableaux avec de nombreuses entrées. Ce message se concentre sur la façon dont nous pouvons utiliser des boucles JavaScript pour itérer sur un tableau pour être un programmeur efficace.

Note: La console du navigateur est utilisée pour la démonstration d'exemples dans cet article.

Comment itérer à travers un tableau à l'aide de JavaScript pour Loop

A pour la boucle est une boucle qui répète une action tant qu'une certaine condition est vraie. Lorsque la condition devient fausse, la boucle se casse. La syntaxe de la boucle pour JavaScript est similaire à celle de Java ou C; Le plus simple pour la syntaxe de boucle est:

pour (initialiser la variable; une condition; incréments variables / diminutions)
// un code à exécuter

Exemple d'itération à travers une boucle pour un tableau est:

const names = [«John», «Chris», «Harry»];
pour (let index = 0; index < names.length; index++)
console.log (noms [2]);

Nous avons d'abord déclaré un tableau nommé noms, puis une boucle pour la boucle et initialisé une variable appelée index à l'intérieur de la boucle FOR; Cela agira comme l'index du tableau. Après cela, nous avons mis la condition que la boucle devrait fonctionner jusqu'à ce qu'elle soit inférieure à la longueur du tableau I-E de 0 à 2 (3 fois au total). La dernière parenthèse indique à la boucle que pour chaque cycle incrément l'indice de 1. Chaque cycle de la boucle, nous avons enregistré les éléments du tableau un par un en utilisant la variable initialisée qui est index.

Pour le dire simplement, la boucle commence au 0ème index, puis la longueur du tableau est vérifiée. Si la condition est vraie, Loop exécute le bloc de code qui se trouve à l'intérieur des parenthèses qui est la journalisation de la console. Après cela, il incrémente «index» puis vérifie à nouveau la condition. Le même cycle se répète jusqu'à ce que la condition spécifiée ne soit plus vraie.

Comment itérer à travers un tableau à l'aide de JavaScript pendant la boucle

Syntaxiquement, JavaScript tandis que la boucle est également similaire à C ou Java pendant que Loop. Exemple d'itération d'un tableau utilisant While Loop en JavaScript est:

const names = [«John», «Chris», «Harry»];
index = 0;
Pendant (indexconsole.log (noms [index]);
index ++;

Comment itérer dans un tableau à l'aide de JavaScript pour / de Loop

La boucle FOR / OF est également utilisée pour faire un peu de boucle à travers les éléments / éléments d'un tableau:

const names = [«John», «Chris», «Harry»];
pour (nom des noms)
console.log (nom);

Comment itérer à travers un tableau à l'aide de la boucle JavaScript Foreach

La méthode foreach () appelle ou exécute une fonction de rappel spécifiée pour chaque élément du tableau. Il faut trois arguments; L'élément / élément actuel, l'index et le tableau lui-même.

const names = [«John», «Chris», «Harry»];
des noms.foreach (élément =>
console.log (élément);
);

Dans l'exemple ci-dessus, nous avons utilisé une fonction flèche qui prend l'élément actuel du tableau comme argument à l'intérieur du .Boucle foreach () à la console.Enregistrer chaque élément.

Comment itérer via un tableau à l'aide de la méthode MAP dans JavaScript

La méthode map () itère sur un tableau en créant un nouveau tableau. Pour chaque élément du tableau d'origine, il exécute une fonction I.e. la fonction de flèche avec num comme argument dans l'exemple donné ci-dessous. Il ne change pas le tableau d'origine. Supposons maintenant que nous ayons un tableau de nombres de 1 à 5. Nous voulons que chaque nombre se multiplie par 2. Nous pouvons y parvenir comme suit:

Soit Tableau1 = [1,2,3,4,5];
LET TABLE2 = TABLE1.map (num => num * 2);
console.journal (table2);

Comment itérer à travers un tableau en utilisant chaque méthode en JavaScript

La méthode chaque () teste si chaque élément du tableau transmet une condition implémentée par la fonction fournie; il exécute une fonction une fois pour chaque élément. Il renvoie vrai ou faux selon que chaque élément réussit le test ou non: soit:

const IslessThanten = (currentValue) => currentValue < 10;
const Arr = [1, 3, 4, 3, 5, 7];
console.journal (arr.chaque (islessthanten));

Maintenant, si nous modifions le tableau dans l'exemple ci-dessus:

const Arr = [1, 3, 16, 3, 5, 7];

Conclusion

Dans les tableaux JavaScript, un type de données est utilisé pour stocker des types de données similaires; Ces données sont facilement accessibles et manipulées en utilisant différentes boucles et méthodes fournies par JavaScript. Dans cet article, nous avons couvert les bases de l'itération d'un tableau en javascript. Nous avons également discuté de l'itération d'un tableau de pour, tandis que, pour / de, foreach () boucle, map () et chaque méthode.

Ce ne sont pas les seules méthodes qui peuvent être utilisées pour itérer sur un tableau. Il y en a des dizaines de plus. Ceux dont nous avons discuté sont les méthodes largement utilisées par les développeurs itérant sur un tableau.