Heim >Web-Frontend >js-Tutorial >Was macht die es6-map()-Methode?

Was macht die es6-map()-Methode?

青灯夜游
青灯夜游Original
2021-09-29 17:32:477921Durchsuche

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);".

Was macht die es6-map()-Methode?

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:

Was macht die es6-map()-Methode?

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:

Was macht die es6-map()-Methode?

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!

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