8.1 Méthode forEach()
Les méthodes de parcours des tableaux en JavaScript offrent des moyens puissants pour manipuler les tableaux, permettant d'effectuer diverses opérations sur leurs éléments. Dans ce sujet, nous examinerons les principales méthodes de parcours, y compris forEach(), map(), filter(), reduce(), some(), every(), find(), et findIndex().
La méthode forEach() exécute la fonction spécifiée une fois pour chaque élément du tableau. Cette méthode ne renvoie pas un nouveau tableau et ne s'interrompt pas.
Syntaxe :
array.forEach(function(element, index, array) {
// corps de la fonction
});
Exemple :
La méthode forEach() parcourt chaque élément du tableau numbers[] et affiche son index et sa valeur.
const numbers = [1, 2, 3, 4, 5];
numbers.forEach((number, index) => {
console.log(`Index: ${index}, Valeur: ${number}`);
});
// Résultat :
// Index: 0, Valeur: 1
// Index: 1, Valeur: 2
// Index: 2, Valeur: 3
// Index: 3, Valeur: 4
// Index: 4, Valeur: 5
8.2 Méthode map()
La méthode map() crée un nouveau tableau avec le résultat de l'appel d'une fonction spécifiée pour chaque élément du tableau.
Syntaxe :
const newArray = array.map(function(element, index, array) {
// corps de la fonction
return nouvelle_valeur;
});
On peut aussi écrire la fonction de transformation en utilisant une flèche :
const newArray = array.map((element, index, array) => nouvelle_valeur);
Exemple :
La méthode map() crée un nouveau tableau squared[], contenant les carrés des nombres du tableau numbers[].
const numbers = [1, 2, 3, 4, 5];
const squared = numbers.map(number => number * number);
console.log(squared); // [1, 4, 9, 16, 25]
8.3 Méthode filter()
La méthode filter() crée un nouveau tableau avec tous les éléments qui passent un test, défini par une fonction spécifiée.
const newArray = array.filter(function(element, index, array) {
// corps de la fonction
return condition;
});
On peut aussi écrire la fonction de filtre en utilisant une flèche :
const newArray = array.filter((element, index, array) => condition);
Exemple :
La méthode filter() crée un nouveau tableau evenNumbers[], contenant uniquement les nombres pairs du tableau numbers[].
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(number => number % 2 === 0);
console.log(evenNumbers); // [2, 4]
8.4 Méthode reduce()
La méthode reduce() applique une fonction à un accumulateur et à chaque élément du tableau (de la gauche vers la droite) pour le réduire à une valeur unique.
Syntaxe :
const result = array.reduce(function(accumulator, current, index, array) {
// corps de la fonction
return nouvelle_valeur_de_l_accumulateur;
}, initialValue);
On peut aussi écrire la fonction accumulatrice en utilisant une flèche :
const result = array.reduce((accumulator, current, index, array) =>
nouvelle_valeur, initialValue
);
Exemple :
La méthode reduce() réduit le tableau numbers[] à une valeur unique sum, en additionnant tous les éléments du tableau.
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((acc, number) => acc + number, 0);
console.log(sum); // 15
8.5 Méthode some()
La méthode some() vérifie si au moins un élément du tableau satisfait la condition définie dans la fonction spécifiée. Renvoie true ou false.
Syntaxe :
const result = array.some(function(element, index, array) {
// corps de la fonction
return condition;
});
On peut aussi écrire la fonction de vérification en utilisant une flèche :
const result = array.some((element, index, array) => condition);
Exemple :
La méthode some() vérifie s'il y a au moins un nombre pair dans le tableau numbers[] et renvoie true.
const numbers = [1, 2, 3, 4, 5];
const hasEvenNumber = numbers.some(number => number % 2 === 0);
console.log(hasEvenNumber); // true
8.6 Méthode every()
La méthode every() vérifie si tous les éléments du tableau satisfont la condition définie dans la fonction spécifiée. Renvoie true ou false.
Syntaxe :
const result = array.every(function(element, index, array) {
// corps de la fonction
return condition;
});
On peut aussi écrire la fonction de vérification en utilisant une flèche :
const result = array.every((element, index, array) => condition);
Exemple :
La méthode every() vérifie si tous les éléments du tableau numbers[] sont positifs et renvoie true.
const numbers = [1, 2, 3, 4, 5];
const allPositive = numbers.every(number => number > 0);
console.log(allPositive); // true
8.7 Méthode find()
La méthode find() retourne le premier élément du tableau qui satisfait une condition définie dans la fonction spécifiée. Si aucun élément ne satisfait la condition, elle renvoie undefined.
Syntaxe :
const result = array.find(function(element, index, array) {
// corps de la fonction
return condition;
});
On peut aussi écrire la fonction de vérification en utilisant une flèche :
const result = array.find((element, index, array) => condition);
Exemple :
La méthode find() retourne le premier nombre pair du tableau numbers[].
const numbers = [1, 2, 3, 4, 5];
const firstEven = numbers.find(number => number % 2 === 0);
console.log(firstEven); // 2
8.8 Méthode findIndex()
La méthode findIndex() retourne l'index du premier élément du tableau qui satisfait une condition définie dans la fonction spécifiée. Si aucun élément ne satisfait la condition, elle retourne -1.
Syntaxe :
const result = array.findIndex(function(element, index, array) {
// corps de la fonction
return condition;
});
On peut aussi écrire la fonction de vérification en utilisant une flèche :
const result = array.findIndex((element, index, array) => condition);
Exemple :
La méthode findIndex() retourne l'index du premier nombre pair dans le tableau numbers[].
const numbers = [1, 2, 3, 4, 5];
const firstEvenIndex = numbers.findIndex(number => number % 2 === 0);
console.log(firstEvenIndex); // 1
GO TO FULL VERSION