Heim > Web-Frontend > js-Tutorial > Was ist der Unterschied zwischen map() und Reduce() in JavaScript?

Was ist der Unterschied zwischen map() und Reduce() in JavaScript?

不言
Freigeben: 2019-01-10 09:14:43
Original
5181 Leute haben es durchsucht

Sowohl „map()“ als auch „reduce()“ sind Methoden, die Arrays verarbeiten können, ihre Verwendung unterscheidet sich jedoch geringfügig. Der größte Unterschied besteht darin, dass „map()“ einige Verarbeitungsergebnisse als neue Arrays generieren kann Werfen wir einen Blick auf den detaillierten Inhalt des Artikels.

Was ist der Unterschied zwischen map() und Reduce() in JavaScript?

Wenn Sie beispielsweise ein neues Array erstellen möchten, das die im Array gespeicherte Zahl verdoppelt, können Sie es wie folgt schreiben. Das Ergebnis von

var numbers = [1,2,3,4,5];
var result = numbers.map(function(num) {
  return num * 2;
})
console.log(result);
Nach dem Login kopieren

ist

Was ist der Unterschied zwischen map() und Reduce() in JavaScript?

In diesem Beispiel wird map() für ein Array mit numerischen Werten ausgeführt.

Sie können sehen, dass jedes Element des Arrays innerhalb der Funktion zweimal zurückgegeben wird.

Daraus ergibt sich aus dem Ausführungsergebnis, dass ein Array mit dem Doppelten des ursprünglichen Werts generiert werden kann.

Genau genommen ist es mit Reduce() nicht möglich, dasselbe zu tun, aber wenn Sie Map() verwenden, können Sie es mit einer sehr einfachen Beschreibung effizient tun.

Informationen zur Verwendung der Methode Reduce() finden Sie unter: So verwenden Sie Reduce() in JavaScript

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

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage