Maison > interface Web > js tutoriel > le corps du texte

méthode forEach vs map javascript

WBOY
Libérer: 2024-08-12 18:41:03
original
1089 Les gens l'ont consulté

forEach vs map method javascript

forEach et la méthode map sont toutes deux utilisées pour parcourir des tableaux, mais elles servent à des fins différentes et ont des comportements distincts.

Méthode 1.forEach

La méthode forEach est utilisée pour parcourir chaque élément d'un tableau. Cela ne crée pas de nouveau tableau ; au lieu de cela, il modifie directement les éléments du tableau existant.

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

numbers.forEach(function(number) {
  console.log(number * 2);
});

// Output:
// 2
// 4
// 6
// 8
// 10
Copier après la connexion

forEach utilisé lorsque votre objectif est de parcourir chaque élément du tableau sans avoir besoin de créer un nouveau tableau.

2. méthode cartographique

La méthode map, d'autre part, est également utilisée pour parcourir chaque élément d'un tableau, mais elle peut renvoyer un nouveau tableau modifié sans changer le tableau d'origine

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

const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});

console.log(doubledNumbers); // Output: [2, 4, 6, 8, 10]
Copier après la connexion

Méthode map utilisée lorsque votre objectif est de renvoyer un nouveau tableau modifié

En résumé :

  • Utilisez forEach lorsque vous souhaitez parcourir un tableau et effectuer des effets secondaires ou des actions sur chaque élément sans créer un nouveau tableau.

  • Utilisez map lorsque vous souhaitez parcourir un tableau, transformer ses éléments à l'aide d'une fonction et créer un nouveau tableau avec les valeurs transformées.

Remarque :- N'oubliez pas que les deux méthodes parcourent chaque élément du tableau, donc la fonction fournie sera exécutée pour chaque élément. La principale différence réside dans le but et le résultat de l'utilisation de chaque méthode.

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!

source:dev.to
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal