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

forEach vs. Map-Methode Javascript

WBOY
WBOYOriginal
2024-08-12 18:41:031112Durchsuche

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

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]

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!

Stellungnahme:
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