Was ist der Hauptunterschied zwischen den JavaScript-Methoden „forEach()' und „map()'?

Die Unterschiede zwischen .forEach() und .map() in JavaScript verstehen

Über den primären Unterschied hinaus, mit dem .forEach() arbeitet Während .map() ein neues Array erstellt, während das ursprüngliche Array erstellt wird, müssen einige Nuancen berücksichtigt werden. Dies wird im bereitgestellten Code veranschaulicht:

function practice(i) {
  return i + 1;
}

var a = [-1, 0, 1, 2, 3, 4, 5];
var b = [0];
var c = [0];
console.log(a);
b = a.forEach(practice);
console.log("=====");
console.log(a);
console.log(b);
c = a.map(practice);
console.log("=====");
console.log(a);
console.log(c);

Ausgabe:

[-1, 0, 1, 2, 3, 4, 5]
=====
[-1, 0, 1, 2, 3, 4, 5]
undefined
=====
[-1, 0, 1, 2, 3, 4, 5]
[0, 1, 2, 3, 4, 5, 6]

Erklärung:

• forEach(): Diese Methode iteriert über jedes Element im Array, aber es gibt keinen Wert zurück. Im Beispiel führt a.forEach(practice) die Übungsfunktion für jedes Element in „a“ aus, aber das Ergebnis (undefiniert) wird „b“ nicht zugewiesen. Daher bleibt 'b' unverändert.
• map(): Diese Methode erstellt ein neues Array, indem sie jedes Element im ursprünglichen Array transformiert. Im Beispiel wendet a.map(practice) die Übungsfunktion auf jedes Element in „a“ an und gibt ein neues Array „c“ mit den transformierten Werten zurück.

Hauptunterschiede:

• Rückgabewert: forEach() gibt nichts zurück, während map() einen neuen erstellt array.
• Operation: forEach() iteriert und führt Nebenwirkungen aus, während map() iteriert und transformiert.
• Nebeneffekte: forEach( ) kann das ursprüngliche Array durch die Callback-Funktion mutieren, während map() nur das transformiert Werte.

Das Verständnis dieser Unterschiede ist entscheidend für die Auswahl der geeigneten Methode zur Array-Manipulation in JavaScript.

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