Heim > Web-Frontend > js-Tutorial > forEach vs. Map-Methode Javascript

forEach vs. Map-Methode Javascript

WBOY
Freigeben: 2024-08-12 18:41:03
Original
1091 Leute haben es durchsucht

forEach vs map method javascript

forEach und die Map-Methode verwenden beide die Iteration über Arrays, dienen jedoch unterschiedlichen Zwecken und weisen unterschiedliche Verhaltensweisen auf.

1.forEach-Methode

Die forEach-Methode wird zum Durchlaufen jedes Elements eines Arrays verwendet. Es wird kein neues Array erstellt. Stattdessen werden die Elemente des vorhandenen Arrays direkt geändert.

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

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

// Output:
// 2
// 4
// 6
// 8
// 10
Nach dem Login kopieren

forEach wird verwendet, wenn Sie jedes Element des Arrays durchlaufen möchten, ohne ein neues Array erstellen zu müssen.

2. Kartenmethode

Die Map-Methode wird andererseits auch zum Durchlaufen jedes Elements eines Arrays verwendet, kann jedoch ein neues geändertes Array zurückgeben, ohne das ursprüngliche Array zu ändern

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]
Nach dem Login kopieren

Map-Methode, die verwendet wird, wenn Ihr Zweck darin besteht, ein neues geändertes Array zurückzugeben

Zusammengefasst:

  • Verwenden Sie forEach, wenn Sie ein Array durchlaufen und Nebenwirkungen oder Aktionen für jedes Element ausführen möchten, ohne ein neues Array zu erstellen.

  • Verwenden Sie Map, wenn Sie ein Array durchlaufen, seine Elemente mithilfe einer Funktion transformieren und ein neues Array mit den transformierten Werten erstellen möchten.

Hinweis:- Denken Sie daran, dass beide Methoden jedes Element im Array durchlaufen, sodass die bereitgestellte Funktion für jedes Element ausgeführt wird. Der Hauptunterschied liegt im Zweck und Ergebnis der jeweiligen Methode.

Das obige ist der detaillierte Inhalt vonforEach vs. Map-Methode Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:dev.to
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