Heim > Web-Frontend > js-Tutorial > Hauptteil

Was macht die es6-map()-Methode?

青灯夜游
Freigeben: 2023-01-11 09:22:51
Original
7878 Leute haben es durchsucht

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

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

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

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!

Verwandte Etiketten:
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!