Heim > Artikel > Web-Frontend > Was ist der Unterschied zwischen den Methoden forEach() und map() in JavaScript?

Was ist der Unterschied zwischen den Methoden forEach() und map() in JavaScript?

王林nach vorne: 2023-09-10 13:05:081359Durchsuche

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

JavaScript bietet eine Vielzahl von Methoden zum Schleifen von Arrays und Objekten. Die gebräuchlichste Methode ist die for-Schleife, mit der die Elemente eines Arrays oder Objekts durchlaufen werden. Es gibt jedoch auch andere Möglichkeiten, Arrays und Objekte zu durchlaufen, beispielsweise die Methoden forEach() und map().

forEach()-Methode

forEach( )-Methode wird verwendet, um jedes Element eines Arrays oder Objekts zu durchlaufen. Die Methode forEach() verwendet eine Callback-Funktion als Parameter. Für jedes Element eines Arrays oder Objekts wird eine Callback-Funktion aufgerufen. Die Methode

forEach() ähnelt der for-Schleife, hat jedoch keinen Rückgabewert.

Beispiel

Vollständiger Arbeitscode und Erklärung unten -

<!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>

Im obigen Code haben wir ein Array namens „arr“ definiert. Die Methode forEach() wird für das Array „arr“ aufgerufen. Die Methode forEach() verwendet eine Callback-Funktion als Parameter. Die Callback-Funktion wird für jedes Element des Arrays „arr“ aufgerufen.

map()-Methode

map()-Methode wird verwendet, um jedes Element eines Arrays oder Objekts zu durchlaufen. Die Methode map() verwendet eine Callback-Funktion als Parameter. Für jedes Element eines Arrays oder Objekts wird eine Callback-Funktion aufgerufen. Die Methode

map() ähnelt der Methode forEach(), gibt jedoch ein neues Array zurück.

Beispiel

Vollständiger Arbeitscode und Erklärung unten -

<!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>

Im obigen Code haben wir ein Array namens „arr“ definiert. Rufen Sie die Methode map() für das Array „arr“ auf. Die Methode map() verwendet eine Callback-Funktion als Parameter. Die Callback-Funktion wird für jedes Element des Arrays „arr“ aufgerufen. Der Rückgabewert der Callback-Funktion wird in einem neuen Array namens „newArr“ gespeichert.

map() vs. forEach()

map() und forEach() (Einige Unterschiede) sind unten aufgeführt. Die Methode

map() gibt ein neues Array zurück, während die Methode forEach() kein neues zurückgibt Array. Die Methode
map() wird zum Konvertieren der Elemente des Arrays verwendet, während die Methode forEach() zum Durchlaufen der Elemente des Arrays verwendet wird. Die Methode
map() kann mit anderen Array-Methoden verwendet werden, beispielsweise mit der Methode filter(), während die Methode forEach() nicht mit anderen Array-Methoden verwendet werden kann.

Fazit

Zusammenfassend lässt sich sagen, dass sowohl die Methoden forEach() als auch map() zum Durchlaufen von Arrays und Objekten verwendet werden. Die Methode forEach() gibt kein neues Array zurück, während die Methode map() ein neues Array zurückgibt. Die Methode „map()“ wird zum Transformieren der Elemente eines Arrays verwendet, während die Methode „forEach()“ zum Durchlaufen der Elemente eines Arrays verwendet wird.

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen den Methoden forEach() und map() in JavaScript?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript for foreach Filter 回调函数循环 map 对象

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie debugge ich JavaScript-Dateien?Nächster Artikel：Wie debugge ich JavaScript-Dateien?

In Verbindung stehende Artikel

Mehr sehen