Heim >Web-Frontend >js-Tutorial >Was macht die es6-map()-Methode?
In es6 wird die Methode „map()“ verwendet, um die angegebene Rückruffunktion zur Verarbeitung für jedes Element im Array aufzurufen und ein Array mit den Ergebnissen zurückzugeben. Syntax „array.map(function callbackfn (value, index, array)“ , thisArg);".
Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.
Die JavaScript-Methode „map()“ kann die angegebene Rückruffunktion für jedes Element des Arrays aufrufen und ein Array mit den Ergebnissen zurückgeben.
array.map(function callbackfn (value, index, array), thisArg);
function callbackfn (value, index, array)
: Eine Rückruffunktion, die bis zu drei Parameter akzeptiert:
Wert: Der Wert des Array-Elements.
index: Numerischer Index des Array-Elements.
array: Array-Objekt, das das Element enthält. Die Methode
map() gibt ein neues Array zurück, wobei jedes Element der Rückgabewert der Rückruffunktion des zugehörigen ursprünglichen Array-Elements ist. Für jedes Element im Array ruft die Methode „map()“ die Callbackfn-Funktion einmal auf (in aufsteigender Indexreihenfolge) und ruft die Callback-Funktion nicht für fehlende Elemente im Array auf.
Zusätzlich zu Array-Objekten kann die Methode map() von jedem Objekt mit einer Längeneigenschaft verwendet werden, das über einen indizierten Eigenschaftsnamen verfügt, beispielsweise ein Arguments-Parameterobjekt.
Lassen Sie uns anhand von Codebeispielen mehr darüber erfahren:
Beispiel 1: Alle Elementwerte verdoppeln (d. h. mit 2 multiplizieren)
var a = [30,40,50]; function f(value) { return value*2; } var a1=a.map(f); console.log(a1);
Ausgabeergebnisse:
Beispiel 2: Integrierte JavaScript-Methoden verwenden als Rückruffunktion
var a = [9, 16]; var a1 = a.map(Math.sqrt); console.log(a1); //3,4
Ausgabeergebnis:
Verwandte Empfehlungen: Javascript-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas macht die es6-map()-Methode?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!