Maîtriser les puissances des tableaux JavaScript : forEach, mapper, filtrer, réduire, diffuser et se reposer

forEach : itération sur les éléments

La méthode forEach parcourt chaque élément d'un tableau, exécutant une fonction de rappel fournie pour chaque élément.

nombres constants = [1, 2, 3, 4, 5];
nombres.forEach(num => {
console.log(num);
});

carte : Transformer les éléments

La méthode map crée un nouveau tableau en appliquant une fonction fournie à chaque élément du tableau d'origine.

nombres constants = [1, 2, 3, 4, 5];
const doubléNumbers = number.map(num => num * 2);
console.log (numéros doublés); // Sortie : [2, 4, 6, 8, 10]

Filtre : Sélection d'éléments

La méthode filter crée un nouveau tableau contenant uniquement les éléments qui réussissent un test implémenté par la fonction fournie.

nombres constants = [1, 2, 3, 4, 5];
const evenNumbers = number.filter(num   => num % 2 === 0);
console.log(evenNumbers); // Résultat : 
[2, 4]

réduire : accumuler des valeurs

La méthode de réduction réduit un tableau à une seule valeur en appliquant une fonction à un accumulateur et à chaque élément du tableau.

nombres constants = [1, 2, 3, 4, 5];
const sum = number.reduce((accumulator, currentValue) => accumulateur
valeur actuelle, 0);
console.log(somme); // Sortie : 15

Opérateur de propagation (...) : éléments d'expansion

L'opérateur spread développe un itérable (tableau, chaîne, objet) en ses éléments individuels.

nombres constants = [1, 2, 3];
const newArray = [...nombres, 4, 5];
console.log(newArray); // Sortie : [1, 2, 3, 4, 5]

Opérateur de repos (...) : Rassemblement d'éléments
L'opérateur rest collecte les éléments restants dans un tableau.

fonction somme(...nombres) {
return number.reduce((total, num) => total num, 0);
>
console.log(somme(1, 2, 3, 4)); // Sortie : 10

Exemples pratiques :

1. Filtrage des nombres pairs :

nombres constants = [1, 2, 3, 4, 5, 6];
const evenNumbers = number.filter(num => num % 2 === 0);
console.log(evenNumbers); // Sortie : [2, 4, 6]

1. Création d'un nouveau tableau avec des nombres au carré :

nombres constants = [1, 2, 3, 4, 5];
const squaredNumbers = number.map(num => num * num);
console.log(squaredNumbers); // Sortie : [1, 4, 9, 16, 25]

1. Somme des éléments du tableau :

nombres constants = [1, 2, 3, 4, 5];
const sum = number.reduce((accumulator, currentValue) => accumulateur
valeur actuelle, 0);
console.log(somme); // Sortie : 15 

1. Aplatir un tableau imbriqué :

const nestedArray = [[1, 2], [3, 4], [5]];
const flattenedArray = nestedArray.flat();
console.log(flattenedArray); // Sortie : [1, 2, 3, 4, 5]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!