Les méthodes d'itération du tableau en JavaScript expliquées avec des exemples

JavaScript propose des méthodes d'itération intégrées qui fonctionnent sur chaque élément de tableau. Les méthodes d'itération les plus fréquemment utilisées sont ForEach (), Filter (), Map (), Reduce (), ReduceRight (), Every (), certains () et Find (). Dans cet article, nous discuterons du fonctionnement de chaque méthode individuellement.

Méthode javascript foreach ()

Dans JavaScript, la méthode foreach () appelle la fonction donnée, pour chaque élément présent dans un tableau. La méthode foreach nécessite trois paramètres, un pour la valeur de l'élément actuel, le deuxième paramètre pour l'indice de l'élément actuel, et le dernier est pour le tableau sur lequel la méthode foreach () doit fonctionner.

Considérez le code donné ci-dessous pour comprendre comment fonctionne la méthode ForEach ():

Const Empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
Nom.foreach (printNames =>
console.Log ("Nom de l'employé:", PrintNames);
);

Dans le code donné ci-dessus, il y a un tableau de cinq éléments et la méthode foreach () est utilisée avec le tableau pour imprimer le nom de chaque employé sur la console du navigateur:

En conséquence, la méthode foreach () imprimera chaque élément sur la console:

Méthode JavaScript Filter ()

JavaScript propose une autre méthode itérative nommée filtre() Cela prend une condition en tant que paramètre et renvoie un nouveau tableau de uniquement les éléments qui remplissent la condition spécifiée:

Pour mieux comprendre la méthode du filtre en JavaScript, prenons un exemple dans lequel nous voulons un éventail filtré d'employés dont le nom commence par «J»:

Const Empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const FilteredNames = EmpNames.filtre (stringindex =>
return StringIndex [0] === "J";
);
console.Log ("Nom de l'employé:", FilterNames);

Dans cet exemple, nous avons transmis une condition à la méthode Filter () pour vérifier la première lettre de chaque élément et renvoyer une liste d'éléments dont le premier élément est égal à «J».

La sortie affichera le nom des employés qui commence par «J»:

Méthode JavaScript Map ()

La méthode JavaScript Map () effectue des fonctionnalités sur le tableau d'origine itérativement et produit un nouveau tableau sans affecter le tableau d'origine. Considérez un exemple pour ajouter le nom «Wilson» avec chaque nom d'employé:

Const Empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const newnames = empnames.map (addName =>
retourner addName + "Wilson";
);
console.Log ("Employés nouveaux noms:", NewNames);

Nous renvoyons un nom supplémentaire «Wilson» avec de la valeur, il ajoutera donc ce nom avec chaque élément du tableau «empname»:

La sortie de la méthode map () vérifiera qu'il itère chaque élément du tableau «EmpNames» et effectuera les mêmes fonctionnalités sur l'ensemble du tableau:

Méthode JavaScript Reduce ()

La méthode Reduce () est une méthode d'itération du tableau disponible en JavaScript qui réduit l'ensemble du tableau à une valeur.

Const Empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const newnames = empnames.Réduire ((name11, name2) =>
retour name1 + "" + name2;
);
console.log ("Nom réduit:", NewNames);

Dans l'exemple ci-dessus, nous avons un tableau avec cinq noms, en utilisant la méthode Reduce (), nous réduisons l'ensemble du tableau en un nom, nous avons passé deux paramètres à la méthode de réduction «Name1» et «Name2», et nous appliquerons certains processus sur eux et les renvoient:

La sortie du code ci-dessus sera une seule valeur:

La méthode Reduce () peut être appliquée sur n'importe quel type de données comme les chaînes, les nombres et les tableaux. Par défaut, la méthode Reduce () fonctionne de gauche à droite, tandis que dans le contraire dans les cas où nous voulons effectuer des fonctionnalités de droite à gauche, nous pouvons utiliser la méthode ReduceRight ().

JavaScript chaque méthode ()

La méthode Every () est une autre méthode d'itération du tableau en javascrip.

Pour comprendre comment chaque méthode () fonctionne dans JavaScript, considérez le code suivant:

Const Empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const everyname = empname.chaque (checkname =>
return checkName [0] === "J";
);
console.Log ("Tous les noms commencent par J:", EveryName);

Dans cet exemple, nous utilisons chaque méthode () pour tester si tous les éléments du tableau commence par J ou non:

La méthode chaque () reviendra FAUX Parce que tous les noms du tableau ne commencent pas par la lettre «J». La sortie serait vrai Si tous les noms du tableau ont été lancés avec «J»:

Méthode javascript ()

JavaScript Une méthode () vérifie si certains des éléments du tableau satisfont la condition donnée et renvoie le résultat vrai ou faux:

Const Empnames = ["John", "Seth", "Danial", "Joe", "Micheal"];
const everyname = empname.certains (checkname =>
return checkName [0] === "J";
);
console.log ("Certains noms commencent par j:", eymename);

Dans cet exemple, une méthode () vérifie que l'un des noms de l'employé commence par J ou non:

Dans la sortie, il reviendra vrai car il y a des employés dont les noms commencent par «J»:

Méthode JavaScript Find ()

JavaScript propose une autre méthode itérative utile qui ne renvoie que la première valeur qui remplit la condition spécifiée. Si plus d'une valeur remplit la condition, alors au lieu de renvoyer toutes ces valeurs, la méthode find () ne renverra que la première valeur. Comprenons-le avec un exemple:

Const Empnames = ["John", "Seth", "Danial", "John", "Micheal"];
const isFoundName = findName =>
Retour ["Micheal", "Seth"].Comprend (FoundName);

const Résultat = EmpNames.trouver (isFoundName);
console.log ("Nom de l'employé:", résultat);

Dans cet exemple, nous voulons trouver les employés dont les noms sont «Micheal» ou «Seth»:

Ici, la méthode find () recherchera ces noms dans le tableau et il imprimera le nom qui vient en premier dans le tableau:

Conclusion:

Les méthodes d'itération du tableau sont des méthodes JavaScript intégrées qui traversent l'ensemble du tableau et travaillent sur chaque entrée du tableau. Dans cet article, nous avons examiné certaines méthodes d'itération essentielles et les avons implémentées en JavaScript où nous avons appris comment ces méthodes fonctionnent.