Home > Web Front-end > JS Tutorial > body text

Interaction in Lists with map, forEach and Other Methods

Linda Hamilton
Release: 2024-10-02 08:16:29
Original
946 people have browsed it

Interação em Listas com map, forEach e Outros Métodos

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.

1. La méthode forEach

Qu'est-ce que c'est?

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.

Exemple d'utilisation :

En JavaScript, nous pouvons utiliser forEach comme suit :

const numeros = [1, 2, 3, 4, 5];

numeros.forEach(numero => {
    console.log(numero * 2);
});
Copy after login

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
Copy after login

Avantages :

  • Simple et direct pour appliquer des actions à chaque élément.
  • Ne modifie pas la liste originale.

Limites:

  • Ne permet pas de renvoyer des valeurs (contrairement à la carte).
  • Ne peut pas être chaîné avec d'autres méthodes nécessitant le renvoi d'une nouvelle liste.

2. La méthode cartographique

Qu'est-ce que c'est?

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.

Exemple d'utilisation :

Continuer avec l'exemple précédent :

const numeros = [1, 2, 3, 4, 5];
const dobrados = numeros.map(numero => numero * 2);

console.log(dobrados);
Copy after login

Ici, la méthode map renvoie une nouvelle liste contenant les nombres doublés :

[2, 4, 6, 8, 10]
Copy after login

Avantages :

  • Renvoie un nouveau tableau avec les valeurs transformées.
  • Idéal pour transformer des données, sans modifier la liste originale.

Limites:

  • Pas idéal quand il faut juste itérer sans modifier les valeurs (dans ce cas, forEach serait plus approprié).

3. La méthode de filtrage

Qu'est-ce que c'est?

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.

Exemple d'utilisation :

const numeros = [1, 2, 3, 4, 5];
const pares = numeros.filter(numero => numero % 2 === 0);

console.log(pares);
Copy after login

Ici, le filtre ne renverra que les nombres pairs :

[2, 4]
Copy after login

Avantages :

  • Utile pour créer des listes basées sur des conditions.
  • Ne modifie pas la liste originale.

Limites:

  • Ne peut pas être utilisé pour transformer des données, uniquement filtrer.

4. La méthode de réduction

Qu'est-ce que c'est?

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.

Exemple d'utilisation :

const numeros = [1, 2, 3, 4, 5];
const soma = numeros.reduce((acumulador, numero) => acumulador + numero, 0);

console.log(soma);
Copy after login

Dans cet exemple, réduire accumule la somme de tous les nombres de la liste :

15
Copy after login

Avantages :

  • Très puissant et flexible pour créer des résultats complexes.
  • Peut être utilisé pour transformer des listes en valeurs accumulées.

Limites:

  • La syntaxe peut être un peu plus compliquée pour les débutants.
  • Moins simple pour les opérations itératives simples.

5. La méthode de recherche

Qu'est-ce que c'est?

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.

Exemple d'utilisation :

const numeros = [1, 2, 3, 4, 5];
const primeiroPar = numeros.find(numero => numero % 2 === 0);

console.log(primeiroPar);
Copy after login

Ici, find renvoie le premier nombre pair :

2
Copy after login

Avantages :

  • Idéal pour trouver rapidement un seul article qui correspond à une condition.
  • Arrête l'itération lors de la recherche du premier élément correspondant.

Limites:

  • Renvoie simplement le premier élément trouvé ; si vous avez besoin de tous les éléments, un filtre serait plus approprié.

6. La méthode Some and Every

Quels sont-ils?

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.

Exemplo de Uso de some:

const numeros = [1, 2, 3, 4, 5];
const temNumeroMaiorQue3 = numeros.some(numero => numero > 3);

console.log(temNumeroMaiorQue3);
Copy after login

Este código retornará:

true
Copy after login
Copy after login

Já o every funciona da seguinte forma:

const todosPositivos = numeros.every(numero => numero > 0);
console.log(todosPositivos);
Copy after login

Este código retornará:

true
Copy after login
Copy after login

Vantagens:

  • Útil para checar condições sobre a lista inteira sem precisar iterar manualmente.

Limitações:

  • Não retorna um novo array, apenas valores booleanos.

Conclusão

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.

  • Use forEach quando você precisa apenas iterar sobre os elementos e não precisa retornar nada.
  • Use map quando deseja transformar os elementos de uma lista e obter um novo array.
  • Use filter para criar uma lista baseada em uma condição.
  • Use reduce para transformar a lista em um único valor acumulado.
  • Use find para localizar o primeiro item que satisfaça uma condição.
  • Use some e every para verificar condições booleanas em listas.

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!

source:dev.to
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!