Différentes façons d'itérer sur un tableau en javascript

En JavaScript, l'itération d'un tableau est très cruciale et peut être réalisée en utilisant différentes méthodes intégrées et boucles. Les structures en boucle JavaScript, ainsi que les méthodes de tableau intégrées, itéèrent sur chaque élément de tableau. Les boucles traditionnelles telles que la boucle et la boucle sont le moyen le plus simple et le plus simple pour itérer sur un tableau tandis que les méthodes de tableau telles que Filter (), Map (), etc. sont utilisés pour parcourir ainsi que pour servir diverses fonctionnalités sur les éléments de tableau.

Cet article couvrira les moyens ci-dessous d'itérer sur un tableau en JavaScript:

• Comment itérer sur un tableau en utilisant une boucle traditionnelle
• Comment itérer sur un tableau à l'aide de la méthode JavaScript ForEach ()
• Comment itérer sur un tableau en utilisant While Loop
• Comment utiliser pour… des déclarations pour itérer les éléments du tableau
• Comment itérer les éléments du tableau à l'aide de la fonction map ()

Alors, commençons!

Comment itérer sur un tableau en utilisant une boucle traditionnelle?

Dans tout langage de programmation, y compris JavaScript, le moyen le plus utilisé pour itérater sur un tableau est pour la boucle. L'extrait ci-dessous vous aidera à comprendre la syntaxe de la boucle:

pour (initialisation; condition; incrément / décrément)
//code

Ici,

• «Initialisation» spécifie où démarrer la boucle.
• «Condition» spécifie les critères de résiliation pour la boucle.
• L'opérateur d'incrément et de décrément augmente ou diminue la valeur de la variable donnée.

Exemple: itération sur un tableau à l'aide de la boucle pour
Dans ce programme, nous avons un éventail de noms d'étudiants et nous l'adhérerons en utilisant For-Bop:

stdnames = ["Seth", "Mike", "Daniel", "John", "Bryn"];
pour (i = 0; i < stdNames.length; i++)
console.log ("at index", i, stdNames [i]);

Dans ce programme, nous avons effectué les tâches suivantes:

• Premièrement, nous avons créé un tableau qui se compose de cinq éléments.
• Ensuite, nous avons utilisé la boucle pour itérer tous les éléments du tableau donné.
• Dans la boucle, nous avons utilisé la propriété de longueur pour trouver la longueur du tableau.
• Enfin, nous avons utilisé la console.Méthode log () pour imprimer chaque élément du tableau donné.

C'est ainsi que nous pouvons utiliser la boucle pour itérer les éléments du tableau en javascript.

Comment itérer sur un tableau à l'aide de la méthode JavaScript ForEach ()

La méthode foreach () en javascript invoque une fonction de rappel pour chaque élément du tableau donné. L'extrait ci-dessous vous aidera à démarrer avec la méthode foreach ():

nom d'arrache.foreach ((item) =>
//code
);

Exemple: itération sur un tableau en utilisant la méthode foreach ()
Voyons le bloc de code ci-dessous pour comprendre comment utiliser la méthode foreach () pour itérer sur un tableau en javascript:

var stmage = [15, 18, 20, 16, 17];
var string = "";
stdage.foreach (printage);
fonction printage (âge)
String = String + Age + "\ n";

console.Log ("L'âge de l'élève:");
console.log (chaîne);

• Tout d'abord, créez un tableau et une chaîne vide.
• Ensuite, utilisez la méthode foreach () avec le tableau donné.
• La méthode foreach () a invoqué la fonction «printage ()» pour chaque élément de tableau.
• La fonction «Printage» a stocké l'âge de l'étudiant dans la variable de chaîne.
• Enfin, imprimé l'âge de l'élève sur la console.

C'est ainsi que la méthode foreach () fonctionne en javascript.

Comment itérer sur un tableau en utilisant While Loop?

En JavaScript, une boucle de temps peut être utilisée pour itérer dans un tableau. Pour ce faire, nous devons suivre la syntaxe ci-dessous:

initialisation;
tandis que (condition)

//code
incrémente / décrément;

Exemple: itération sur un tableau utilisant While Loop

Dans ce programme, nous allons itérer le tableau en utilisant While Loop:

stdnames = ["Seth", "Mike", "Daniel", "John", "Bryn"];
i = 0;
alors que je < stdNames.length)
console.log ("at index", i, stdNames [i]);
je++

Le programme ci-dessus a effectué les tâches suivantes:

• Créé un tableau.
• Utilisé la boucle while.
• Initialisé la boucle avec 0.
• Itéré sur chaque élément du tableau.
• Imprimé l'index actuel et sa valeur respective.
• Enfin, a incrémenté la variable.

La sortie a vérifié le fonctionnement de la boucle while en javascript.

Comment utiliser pour… des déclarations pour itérer les éléments du tableau?

Le pour… de la boucle / déclaration est un nouvel ajout dans JavaScript introduit dans les dernières versions de l'ES6. Il nous permet de faire boucle / itérer sur les objets itérables tels que des tableaux, des cordes, des ensembles, etc. Considérez l'extrait ci-dessous pour comprendre la syntaxe de… des déclarations:

pour (variable de itérable)
// code

Exemple: itération sur un tableau utilisant pour… des déclarations
Cet exemple de programme vous fournira une compréhension profonde de la pour… des déclarations:

var stmage = [16, 18, 19, 16, 17];
var string = "";
pour (var âge de stdage)
String = String + Age + "\ n";

console.Log ("L'âge de l'élève:");
console.log (chaîne);

Le programme ci-dessus a servi les fonctionnalités ci-dessous:

• Créé un tableau et une chaîne vide.
• Utilisé le pour… des déclarations.
• Itéré sur chaque élément de tableau.
• Stocké l'âge des élèves dans la variable de chaîne.
• Enfin, imprimé l'âge de l'élève sur la console.

La sortie a vérifié le fonctionnement du pour… des déclarations en javascript.

Comment itérer les éléments du tableau à l'aide de la fonction map ()?

Dans JavaScript, la fonction map () peut être utilisée pour obtenir un nouveau tableau d'éléments mappés. La méthode map () invoque une fonction pour chaque élément de tableau.

Voici la syntaxe de la méthode MAP () ():

nom d'arrache.map (functionAname);

Exemple: itération sur un tableau à l'aide de la méthode MAP
Dans ce programme, nous utiliserons la méthode de carte pour itérer sur le tableau:

var stmage = [15, 20, 17, 16, 19];
Var Doubleage = Stdage.Carte (Twiceage)
fonction twiceage (résultat)
Résultat de retour * 2;

console.Log ("Array d'origine:", stdage);
console.log ("Array résultant:", Doubleage);

L'extrait de code ci-dessus a effectué les fonctions répertoriées ci-dessous:

• Créé un tableau.
• Utilisé la fonction map () pour itérer sur le tableau donné.
• La méthode map () a multiplié chaque élément par 2 et l'a renvoyé.

La sortie a précisé que la méthode MAP () a itéré sur chaque élément de tableau et multiplié les éléments du tableau par 2.

De même, nous pouvons utiliser d'autres méthodes de tableau intégrées bien connues pour itérer sur un tableau, par exemple «Array.filter () "," Array.certains () "," Array.chaque () », et ainsi de suite.

Conclusion

JavaScript propose plusieurs façons telles que des boucles et certaines méthodes de tableau intégrées pour itérer sur un tableau. En JavaScript, les fonctions d'itération du tableau telles que le foreach (), map (), filter (), etc. Opérez sur chaque élément de tableau. Cet article expliquait cinq façons couramment utilisées pour itérer les éléments de tableau en JavaScript. Pour une compréhension profonde des concepts, il a expliqué chaque méthode d'itération en utilisant les meilleurs exemples appropriés.