Heim > Web-Frontend > Front-End-Fragen und Antworten > Verfügt das Javascript-Array über eine Kartenmethode?

Verfügt das Javascript-Array über eine Kartenmethode?

青灯夜游
Freigeben: 2022-09-13 18:53:41
Original
2129 Leute haben es durchsucht

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

Verfügt das Javascript-Array über eine Kartenmethode?

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)
Nach dem Login kopieren
ParameterBeschreibung
Funktion (aktueller Wert, Index, Arr)

Erforderlich. Funktion, jedes Element im Array führt diese Funktion aus.

Funktionsparameter:

  • currentValue ist erforderlich. Der Wert des aktuellen Elements

  • index ist optional. Der Indexwert des aktuellen Elements

  • arr Optional. Das Array-Objekt, zu dem das aktuelle Element gehört

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

Verfügt das Javascript-Array über eine Kartenmethode?

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

Verfügt das Javascript-Array über eine Kartenmethode?

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

Verfügt das Javascript-Array über eine Kartenmethode?

【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!

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