So verwenden Sie die Map-Methode des Javascript-Arrays

In JavaScript wird die Map-Methode eines Arrays verwendet, um die angegebene Callback-Funktion für jedes Element des Arrays aufzurufen und ein Array mit den Ergebnissen zurückzugeben; das Syntaxformat ist „array.map(callbackfn[, thisArg]);“ .

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, 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. Die spezifische Verwendung ist wie folgt:

array.map(callbackfn[, thisArg]);

Parameterbeschreibung:

• array: erforderlicher Parameter, ein Array-Objekt.

• callbackfn: erforderlicher Parameter, eine Funktion, die bis zu drei Parameter empfangen kann. Für jedes Element im Array ruft die Methode map() einmal die Funktion callbackfn auf.

• thisArg: Optionaler Parameter, ein Objekt, auf das mit dem Schlüsselwort this in der Callbackfn-Funktion verwiesen werden kann. Wenn thisArg weggelassen wird, wird undefiniert als dieser Wert verwendet. 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 Callbackfn-Funktion einmal für jedes Element im Array 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.

Die Syntax der Callback-Funktion lautet wie folgt:

function callbackfn (value, index, array);

Benutzer können die Callback-Funktion mit bis zu drei Parametern deklarieren. Die Parameter der Callback-Funktion werden wie folgt beschrieben:

• Wert: der Wert des Array-Elements.

• index: Numerischer Index des Array-Elements.

• array: Array-Objekt, das das Element enthält. Die Methode

map() ändert das ursprüngliche Array nicht direkt, die Rückruffunktion kann es jedoch ändern. Die Ergebnisse, die durch Ändern des Array-Objekts nach dem Start der Kartenmethode erzielt werden, werden in der Tabelle angezeigt.

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

Die Auswirkung der Änderung des Arrays durch die Callback-Funktion

Bedingungen nach dem Start der Map-Methode	Ob das Element an die Callback-Funktion übergeben wird
Elemente hinzufügen, die über die ursprüngliche Länge des Arrays hinausgehen	Nein
Fügen Sie Elemente hinzu, um das fehlende Element im Array zu füllen.	Ja, wenn der Index nicht an die Rückruffunktion übergeben wurde.
Das Element hat sich geändert.	Ja, wenn das Element nicht an übergeben wurde Rückruffunktion
Entfernen Sie das Element aus dem Array.	Nein, es sei denn, das Element wurde an die Rückruffunktion übergeben , quadrieren Sie den Wert jedes Elements im Array, multiplizieren Sie ihn mit dem PI-Wert, berechnen Sie die Fläche des zurückgegebenen Kreiswerts als Elementwert des neuen Arrays und geben Sie schließlich dieses neue Array zurück.

Das folgende Beispiel verwendet die Methode map(), um ein Array zuzuordnen, den Wert jedes Elements im Array durch einen Schwellenwert zu dividieren und dann dieses neue Array zurückzugeben. Die Rückruffunktion und der Schwellenwert existieren als Attribute des Objekts durch Diese Methode demonstriert, wie der Parameter thisArg in einer 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-Tutorial für Fortgeschrittene

】

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Map-Methode des Javascript-Arrays. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!