Quelle est la différence entre les méthodes forEach() et map() en JavaScript ?-js tutoriel-php.cn

Quelle est la différence entre les méthodes forEach() et map() en JavaScript ?

王林

Libérer： 2023-09-10 13:05:08

avant

1430 Les gens l'ont consulté

JavaScript 中的 forEach() 和 map() 方法有什么区别？

JavaScript fournit une variété de méthodes pour boucler des tableaux et des objets. La méthode la plus courante est la boucle for, qui est utilisée pour parcourir les éléments d’un tableau ou d’un objet. Cependant, il existe d'autres moyens de parcourir des tableaux et des objets, tels que les méthodes forEach() et map(). Méthode

forEach() La méthode

forEach() est utilisée pour parcourir chaque élément d'un tableau ou d'un objet. La méthode forEach() prend une fonction de rappel comme paramètre. Une fonction de rappel est appelée pour chaque élément d'un tableau ou d'un objet. La méthode

forEach() est similaire à la boucle for, mais elle n'a pas de valeur de retour.

Exemple

Code de travail complet et explication ci-dessous -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = [1,2,3,4,5];
      arr.forEach(function(element){
         var item2 = document.createElement(&#39;div&#39;);
         item2.innerText = element;
         document.getElementById("result").appendChild(item2);
      });
   </script>
</body>
</html>

Copier après la connexion

Dans le code ci-dessus, nous avons défini un tableau appelé "arr". La méthode forEach() est appelée sur le tableau "arr". La méthode forEach() prend une fonction de rappel comme paramètre. La fonction de rappel est appelée pour chaque élément du tableau "arr". Méthode

map() La méthode

map() est utilisée pour parcourir chaque élément d'un tableau ou d'un objet. La méthode map() prend une fonction de rappel en paramètre. Une fonction de rappel est appelée pour chaque élément d'un tableau ou d'un objet. La méthode

map() est similaire à la méthode forEach(), mais elle renvoie un nouveau tableau.

Exemple

Code de travail complet et explication ci-dessous -

<!doctype html>
<html>
<head>
   <title>Examples</title>
</head>
<body>
   <div id="result"></div>
   <script>
      var arr = [1,2,3,4,5];
      arr.map(function(element){
         var item2 = document.createElement(&#39;div&#39;);
         item2.innerText = element;
         document.getElementById("result").appendChild(item2);
      });
   </script>
</body>
</html>

Copier après la connexion

Dans le code ci-dessus, nous avons défini un tableau appelé "arr". Appelez la méthode map() sur le tableau "arr". La méthode map() prend une fonction de rappel en paramètre. La fonction de rappel est appelée pour chaque élément du tableau "arr". La valeur de retour de la fonction de rappel est stockée dans un nouveau tableau appelé "newArr".

map() vs forEach()

map() et forEach() Certaines différences) sont répertoriées ci-dessous -

La méthode map() renvoie un nouveau tableau, tandis que la méthode forEach() ne renvoie pas de nouveau tableau. La méthode
map() est utilisée pour convertir les éléments du tableau, tandis que la méthode forEach() est utilisée pour parcourir les éléments du tableau. La méthode
map() peut être utilisée avec d'autres méthodes de tableau, telles que la méthode filter(), tandis que la méthode forEach() ne peut pas être utilisée avec d'autres méthodes de tableau.

Conclusion

Pour résumer, les méthodes forEach() et map() sont utilisées pour parcourir des tableaux et des objets. La méthode forEach() ne renvoie pas de nouveau tableau, tandis que la méthode map() renvoie un nouveau tableau. La méthode map() est utilisée pour transformer les éléments d'un tableau, tandis que la méthode forEach() est utilisée pour parcourir les éléments d'un tableau.

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!