Ist Map eine Methode in es6?

WBOY
Freigeben: 2022-04-25 18:37:52
Original
1768 Leute haben es durchsucht

map ist eine Methode in es6; diese Methode kann die angegebene Rückruffunktion für jedes Element des Arrays aufrufen und die Daten zurückgeben, die das Ergebnis enthalten, und die Syntax ist „array object.map(“. Funktionsrückruffunktion (Wert des Array-Elements, Index des Array-Elements, Array-Objekt));".

Ist Map eine Methode in es6?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, ECMAScript Version 6.0, Dell G3-Computer.

Ist „map“ eine Methode in es6? Die 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]);
Nach dem Login kopieren

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);
Nach dem Login kopieren

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.
Beispiel 1

Das folgende Beispiel verwendet die Methode map(), um ein Array abzubilden, den Wert jedes Elements im Array zu quadrieren, ihn mit dem PI-Wert zu multiplizieren und den Flächenwert des zurückgegebenen Kreises als zu verwenden den Elementwert des neuen Arrays und schließlich dieses neue Array zurückgeben.

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);
Nach dem Login kopieren

Beispiel 2

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
Nach dem Login kopieren

【Verwandte Empfehlungen:

Javascript-Video-Tutorial

, Web-Frontend

Das obige ist der detaillierte Inhalt vonIst Map eine Methode in es6?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
es6
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!