Javascript-Arrays verfügen über eine Kartenmethode. In JavaScript wird die Methode „map()“ eines Arrays verwendet, um die angegebene Rückruffunktion für jedes Element des Arrays aufzurufen und ein Array mit den Ergebnissen zurückzugeben. Das Syntaxformat lautet „array.map(callback function, thisValue);“. 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 Rückruffunktion einmal auf (in aufsteigender Indexreihenfolge). ).
Die Betriebsumgebung dieses Tutorials: Windows 7-System, ECMAScript Version 6, Dell G3-Computer.
Javascript-Arrays verfügen über eine Kartenmethode.
Javascript-Array-Map()-Methode
map()-Methode kann die angegebene Rückruffunktion für jedes zu verarbeitende Element des Arrays aufrufen und ein Array mit den Ergebnissen zurückgeben. Die Methode
map() verarbeitet Elemente nacheinander in der Reihenfolge der ursprünglichen Array-Elemente.
Syntax
array.map(function(currentValue,index,arr), thisValue)
Parameter | Beschreibung |
---|---|
Funktion (aktueller Wert, Index, Arr) | Erforderlich. Funktion, jedes Element im Array führt diese Funktion aus. Funktionsparameter:
|
thisValue | Optional. Das Objekt wird als Ausführungsrückruf verwendet, an die Funktion übergeben und als Wert von „this“ verwendet. Wenn thisValue weggelassen wird oder null oder undefiniert übergeben wird, dann ist dies der Callback-Funktion das globale Objekt. 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. Die Methode „map()“ ruft die Rückruffunktion einmal für jedes Element im Array auf (in aufsteigender Indexreihenfolge) und ruft die Rückruffunktion 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
Das folgende Beispiel verwendet die Methode map(), um ein Array abzubilden, den Wert jedes Elements im Array zu quadrieren und ihn mit dem PI-Wert zu multiplizieren , und dividieren Sie den zurückgegebenen Kreis. Der Flächenwert wird als Elementwert des neuen Arrays verwendet und schließlich wird das neue Array zurückgegeben.
function f (radius) { var area = Math.PI * (radius * radius); return area.toFixed(0); } var a = [10,20,30]; var a1 = a.map(f); console.log(a1);
Beispiel 2
Das folgende Beispiel verwendet die Methode map(), um ein Array abzubilden, den Wert jedes Elements im Array durch einen Schwellenwert zu dividieren und dann dieses neue Array zurückzugeben Der Schwellenwert basiert beide auf den Eigenschaften des Objekts Exists. Diese Methode zeigt, wie der Parameter thisArg in der Karte verwendet wird.
var obj = { val : 10, f : function (value) { return value % this.val; } } var a = [6,12,25,30]; var a1 = a.map(obj.f, obj); console.log(a1); //6,2,5,0
Beispiel 3
Das folgende Beispiel zeigt, wie integrierte JavaScript-Methoden als Rückruffunktionen verwendet werden.
var a = [9, 16]; var a1 = a.map(Math.sqrt); console.log(a1); //3,4
【Empfohlenes Lernen: Javascript-Lerntutorial, Web-Frontend-Video】
Das obige ist der detaillierte Inhalt vonVerfügt das Javascript-Array über eine Kartenmethode?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!