Home >Web Front-end >JS Tutorial >Interaction in Lists with map, forEach and Other Methods
Lorsque nous traitons de listes dans les langages de programmation modernes, il est courant de trouver plusieurs façons de parcourir leurs éléments et d'effectuer des opérations sur eux. Les structures les plus populaires pour cela incluent les méthodes map, forEach, filter et autres. Ces méthodes sont essentielles pour quiconque cherche à écrire du code plus concis, efficace et lisible. Explorons ces méthodes, leurs différences, leurs avantages et comment les utiliser correctement.
forEach est une méthode utilisée pour parcourir une liste et exécuter une fonction de rappel pour chaque élément de la liste. Contrairement à certaines méthodes que nous verrons plus tard, elle ne renvoie pas de nouveau tableau, mais effectue simplement une action sur chaque élément de la liste.
En JavaScript, nous pouvons utiliser forEach comme suit :
const numeros = [1, 2, 3, 4, 5]; numeros.forEach(numero => { console.log(numero * 2); });
Dans cet exemple, la méthode forEach parcourt chaque nombre de la liste de nombres et imprime deux fois le nombre de chaque valeur. Ici, le résultat serait :
2 4 6 8 10
La carte est l'une des méthodes les plus utilisées dans les listes. Il crée un nouveau tableau à partir des résultats de l'application d'une fonction à chaque élément de la liste d'origine. La principale différence par rapport à forEach est que map renvoie un nouveau tableau, au lieu d'une simple itération.
Continuer avec l'exemple précédent :
const numeros = [1, 2, 3, 4, 5]; const dobrados = numeros.map(numero => numero * 2); console.log(dobrados);
Ici, la méthode map renvoie une nouvelle liste contenant les nombres doublés :
[2, 4, 6, 8, 10]
Le filtre crée un nouveau tableau contenant uniquement les éléments qui réussissent un test spécifié par une fonction de rappel. Cette méthode est utile lorsque nous souhaitons supprimer ou sélectionner des éléments en fonction d'une condition.
const numeros = [1, 2, 3, 4, 5]; const pares = numeros.filter(numero => numero % 2 === 0); console.log(pares);
Ici, le filtre ne renverra que les nombres pairs :
[2, 4]
reduce est une méthode plus avancée qui accumule une valeur basée sur les éléments de la liste. Il peut être utilisé pour ajouter des valeurs, concaténer des chaînes ou même créer des objets complexes à partir de listes.
const numeros = [1, 2, 3, 4, 5]; const soma = numeros.reduce((acumulador, numero) => acumulador + numero, 0); console.log(soma);
Dans cet exemple, réduire accumule la somme de tous les nombres de la liste :
15
find est utilisé pour trouver le premier élément qui satisfait une condition dans une liste. Il renvoie le premier élément qui correspond à la fonction de test et arrête l'itération lorsqu'il trouve l'élément.
const numeros = [1, 2, 3, 4, 5]; const primeiroPar = numeros.find(numero => numero % 2 === 0); console.log(primeiroPar);
Ici, find renvoie le premier nombre pair :
2
La méthode some vérifie si au moins un élément de la liste correspond à une condition. Chacun vérifie si tous les éléments de la liste réussissent un test.
const numeros = [1, 2, 3, 4, 5]; const temNumeroMaiorQue3 = numeros.some(numero => numero > 3); console.log(temNumeroMaiorQue3);
Este código retornará:
true
Já o every funciona da seguinte forma:
const todosPositivos = numeros.every(numero => numero > 0); console.log(todosPositivos);
Este código retornará:
true
Os métodos de iteração em listas, como map, forEach, filter, reduce, find, some e every, são ferramentas poderosas para processar dados de forma eficiente e legível. Saber quando usar cada um deles pode melhorar significativamente a qualidade e a eficiência do código, tornando-o mais expressivo e mantendo o foco nas operações necessárias.
Com essa base, você poderá criar código mais limpo e eficiente, aproveitando ao máximo o poder dessas funções.
The above is the detailed content of Interaction in Lists with map, forEach and Other Methods. For more information, please follow other related articles on the PHP Chinese website!