En JavaScript, il existe plusieurs méthodes d’itération pour parcourir les tableaux et traiter chaque élément. Ces méthodes offrent un moyen facile et rapide d’interagir avec les données des tableaux. Dans cet article, nous expliquerons le concept de l’itération de tableau en JavaScript et montrerons comment l’utiliser avec quelques exemples de code.
- Méthode forEach()
La méthode forEach() est utilisée pour parcourir chaque élément d’un tableau et effectuer une action. Cette méthode vous permet de travailler avec chaque élément sans créer de boucle.
javascriptKodu kopyalaconst numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
console.log(number);
});
- Méthode map()
La méthode map() crée un nouveau tableau en appliquant une transformation ou une opération sur chaque élément du tableau d’origine.
javascriptKodu kopyalaconst numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(function(number) {
return number * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
- Méthode filter()
La méthode filter() crée un nouveau tableau contenant les éléments qui satisfont une condition spécifique. Elle est utilisée pour sélectionner des éléments qui répondent à un critère particulier.
javascriptKodu kopyalaconst numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(function(number) {
return number % 2 === 0;
});
console.log(evenNumbers); // [2, 4]
- Méthode reduce()
La méthode reduce() combine les éléments d’un tableau en une seule valeur. Elle peut être utilisée pour additionner, combiner ou effectuer d’autres opérations sur les éléments du tableau.
javascriptKodu kopyalaconst numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce(function(accumulator, currentValue) {
return accumulator + currentValue;
}, 0);
console.log(sum); // 15
- Méthodes find() et findIndex()
La méthode find() renvoie le premier élément qui satisfait une condition spécifique, tandis que la méthode findIndex() renvoie l’index de cet élément dans le tableau.
javascriptKodu kopyalaconst numbers = [1, 2, 3, 4, 5];
const foundNumber = numbers.find(function(number) {
return number > 3;
});
console.log(foundNumber); // 4
const foundIndex = numbers.findIndex(function(number) {
return number > 3;
});
console.log(foundIndex); // 3
Ces méthodes d’itération de tableau en JavaScript rendent votre code plus propre, plus compréhensible et plus efficace lorsque vous travaillez avec des tableaux. En utilisant ces méthodes, parcourir et manipuler les données dans les tableaux devient beaucoup plus facile.