Der Array -Typ ist der am häufigsten verwendete Referenztyp in ECMascript. Die Daten in ECMascript unterscheiden sich ganz von Arrays in den meisten anderen Sprachen. Obwohl Daten in ECMascript eine geordnete Liste von Daten wie Arrays in anderen Sprachen sind, besteht die Differenz darin, dass jedes Element in einem ECMascript -Array jede Art von Daten enthalten kann, unabhängig davon, ob es sich um einen numerischen Wert, eine Zeichenfolge oder ein Objekt handelt. Gleichzeitig kann die Array -Größe in ECMascript dynamisch angepasst werden, dh sie kann automatisch entsprechend der Datenerfassung wachsen, um die neu hinzugefügten Daten aufzunehmen. Im Folgenden finden Sie eine Zusammenfassung der häufig verwendeten Betriebsfunktionen und Verwendungen von Arrays in JavaScript.
• Erstellen Sie ein Array
Es gibt zwei Hauptmethoden zum Erstellen von Arrays: Konstruktor- und Array -Literale, wie unten gezeigt:
var arr = new Array (); var arr = [];
Für den Konstruktor können wir einen numerischen Wert übergeben, um ein Array zu erstellen, das die angegebene Anzahl von Begriffen enthält, wie folgt:
var arr = New Array (3); // Die Länge des Arrays beträgt 3
Sie können auch die im Array gespeicherten Werte wie folgt direkt übergeben:
var arr = new Array ("rot", "grün", "blau");In jedem Fall wird empfohlen, Array -Literale zum Erstellen von Arrays zu verwenden.
• Erkennungsarray
Für eine einzelne globale Ausführungsumgebung kann der Instanzbetreiber beispielsweise feststellen, ob es sich um ein Array handelt:
var arr = [1,2,3]; console.log (arr instanceof array); //WAHR
Wenn die Webseite jedoch mehrere Frameworks enthält, enthält sie auch mehrere globale Ausführungsumgebungen. ES5 hat die Methode von Array.IsArray () hinzugefügt, um festzustellen, ob ein Wert ein Array ist, unabhängig davon, welche globale Ausführungsumgebung er erstellt wurde, wie folgt:
if (array.isarray (arr)) {// einige Operationen ausführen}• Umwandlung für Array -Zeichenfolge
Jedes Objekt verfügt über tolocalestring (), toString () und ValueOf () -Methoden. Das Aufrufen der Methode toString () des Arrays gibt eine Zeichenfolge zurück, die in Form einer Zeichenfolge jedes Wertes im Array gespleißt und durch Kommas getrennt ist. Das Aufrufen der ValueOf () -Methode des Arrays gibt ein Array zurück, wird jedoch wie folgt die Methode toString () jedes Elements im Array bezeichnet:
var arr = ["rot", "grün", "blau"]; console.log (arr.tostring ()); // rot, grün, blau Konsole.log (arr.Valueof ()); // rot, grün, blau Konsole.log (arr); // rot, grün, blau
Die Methode Tolocalestring () des Arrays unterscheidet sich von toString (), dass die Tolocalestring () -Methode jedes Elements im Array aufgerufen wird und den Rückgabewert jedes Elements tolocalestring () in eine durch Kommas getrennte Zeichenfolge spleißt. Mit der Methode Joy () können Sie verschiedene Separatoren verwenden, um diese Zeichenfolge zu erstellen, wie folgt:
var arr = ["rot", "grün", "blau"]; console.log (arr.join (",")); // Rot, Grün, Blue Console.log (arr.join ("||")); // rot || grün || blau• Arrays hinzufügen und löschen
Die PUSP () -Methode empfängt eine beliebige Anzahl von Parametern, fügt sie einzeln zum Ende des Arrays hinzu und gibt beispielsweise die Länge des modifizierten Arrays zurück:
var arr = [1,2,3]; arr.push (4,5); console.log (arr); // [1,2,3,4,5]
Im Gegensatz zu Push () ist die Pop () -Methode, die das letzte Element vom Ende des Arrays entfernt und das entfernte Element zurückgibt, zum Beispiel:
var arr = [1,2,3]; arr.pop (); // 3 arr.pop (); // 2 console.log (arr); // [1]
Die anderen beiden verwendeten Methoden sind Shift () und Unshift (), die Pop () und Push () ähnlich sind. Die SHIRT () -Methode wird verwendet, um Elemente aus der Startposition des Arrays zu entfernen und die entfernten Elemente zurückzugeben, z. B.:
var arr = [1,2,3]; arr.shift (); // 1 arr.shift (); // 2 console.log (arr); // [3]
Die Unshift () -Methode ist das Gegenteil von Shift () Zweck. Es kann jeden Artikel zum vorderen Ende des Arrays hinzufügen und die Länge des Neuen Arrays zurückgeben, z. B.:
var arr = [1,2,3]; arr.unshift (4); // Rückgabelänge 4 arr.unshift (5); // Rückgabelänge 5 console.log (arr); // [1,2,3,4,5]
• Flip und Sortieren von Arrays
Die vom Array bereitgestellte Flip -Methode ist reverse (), das die Reihenfolge der Datenelemente beispielsweise umdreht:
var arr = [1,2,3]; arr.Reverse (); console.log (arr); // [3,2,1]
Sort () kann auch Arrays sortieren, aber die Standardsortiermethode ist nicht die Größe, sondern wird nach dem einzeln nach der entsprechenden Zeichenfolge sortiert. Die Sort () -Methode kann eine Vergleichsfunktion empfangen und benutzerdefinierte Sortierung durchführen, z. B.:
Funktion Compare (value1, value2) {return value1-value2; } var arr = [1,3,2,5,4]; arr.sort (vergleichen); console.log (arr); // [1,2,3,4,5]• Array -Verbindung
Die concat () -Methode erstellt eine Kopie des aktuellen Arrays, fügen Sie dann die empfangenen Parameter zum Ende der Kopie hinzu und geben schließlich das neu erstellte Array zurück, wobei das ursprüngliche Array unverändert ist, zum Beispiel:
var arr = [1,2,3]; var arr2 = arr.concat (4, [5,6]); console.log (arr); // [1,2,3] console.log (arr2); // [1,2,3,4,5,6]
• Array -Segmentierung
Die Slice () -Methode empfängt ein oder zwei Parameter, dh die Start- und Endpositionen des Elements, das zurückgegeben werden soll. Wenn nur ein Parameter benötigt wird, werden alle Elemente aus der angegebenen Position bis zum Ende des Arrays zurückgegeben. Wenn zwei Parameter empfangen werden, werden alle Elemente zwischen Start- und Endpositionen zurückgegeben, aber die Elemente, die nicht die Endpositionen enthalten, z. B.:
var arr = [1,2,3,4,5]; var arr2 = arr.lice (1); // [2,3,4,5] var arr3 = arr.slice (1,3); // [2,3]
Beachten Sie, dass die Slice () -Methode das ursprüngliche Array nicht beeinflusst.
• methode splice ()
Da die Splice () -Methode sehr leistungsfähig ist, werde ich sie getrennt zusammenfassen. Es kann drei Parameter empfangen. Der erste Parameter gibt den Speicherort des Hinzufügens oder Löschens von Elementen an, der zweite Parameter zeigt die Anzahl der zu gelöschten Elemente an und der zweite Parameter zeigt die neuen Elemente an, die dem Array hinzugefügt wurden (optional). Durch die Bereitstellung verschiedener Parameter können Sie Funktionen wie Löschen, Einfügen und Austausch erkennen, z. B.:
var arr = [1,2,3,4,5]; arr.splice (2,0,11,22); // zwei Elemente aus Position 2, Console.log (arr) einfügen; // [1,2,11,22,3,4,5] arr.splice (2,2,33,44); // zwei Elemente aus Position 2 löschen, zwei Elemente einfügen und die gelöschte Element Console.log (arr) zurückgeben. // [1,2,33,44,4,5] arr.splice (1,1); // Ein Element aus Position 1 löschen und die gelöschte Element -Konsole (arr) zurückgeben; // [1,33,44,4,5]
• Array -Positionsmethode
ES5 liefert zwei Positionsmethoden: indexof () und lastIndexof (). Beide Methoden empfangen zwei Parameter: das zu findene Element und den Index, der den Speicherort des Suchbegriffspunkts (optional) angibt. Die Indexof () -Methode blickt vom Beginn des Arrays nach hinten, während der letzteIndexof () sich zum Beispiel vom Ende des Arrays vom Ende des Arrays freut:
var arr = [1,2,3,4,5,4,3,2,1]; console.log (arr.indexof (4)); // 3 console.log (arr.lastindexof (4)); // 5 console.log (arr.indexof (4,4)); // 5 console.log (arr.lastindexof (4,4)); // 3
• Iterationsmethode des Arrays
ES5 definiert 5 iterative Methoden, wobei jeweils zwei Parameter empfangen werden: die Funktion, die auf jedem Element ausgeführt wird, und (optional) das Zielfernrohrobjekt, das die Funktion ausführt - den Wert, der dies beeinflusst. Die in diesen Methoden bestehende Funktion kann drei Parameter empfangen: den Wert des Array -Elements, der Index des Elements im Array und das Array -Objekt selbst.
Unter ihnen sind die Methode jeder () und einige () Methoden ähnlich. Für jede Methode jeder () muss die bestandene Funktion für jedes Element true zurückkehren, bevor diese Methode true zurückgibt. Für einige () gibt die Methode true zurück, solange die übergebene Funktion für jedes Element im Array true zurückgibt. Beispiele sind wie folgt:
var arr = [1,2,3,4,5,4,3,2,1]; var thegesult = arr.Every (Funktion (Element, Index, Array) {return (item> 2);}); console.log (einzeln); // false, nicht alle größer als 2 var someresult = arr.some (Funktion (Element, Index, Array) {return (item> 2);}); console.log (someresult); // true, wenn ein Element größer als 2 istDie Filter () -Methode bestimmt, ob ein Element in das zurückgegebene Array basierend auf der angegebenen Funktion aufgenommen werden soll, zum Beispiel:
var arr = [1,2,3,4,5,4,3,2,1]; var filterResult = arr.filter (Funktion (Element, Index, Array) {return (item> 2);}); console.log (filterResult); // [3,4,5,4,3] gibt ein Array mit allen Werten von mehr als 2 zurückIn der MAP () -Methode wird die angegebene Funktion für jedes Element im Array ausgeführt und dann das Array zurückgegeben, das aus dem Ergebnis jeder ausgeführten Elementfunktion besteht, beispielsweise:
var arr = [1,2,3,4,5,4,3,2,1]; var mapResult = arr.map (Funktion (Element, Index, Array) {Rückgabeelement*2;}); console.log (MapResult); // [2,4,6,8,10,8,6,4,2], jeden Artikel im ursprünglichen Array mit 2 multiplizieren und zurückgebenDie letzte Methode ist foreach (), die die angegebene Funktion nur für jedes Element im Array ausführt, ohne einen Rückgabewert, beispielsweise:
var arr = [1,2,3,4,5,4,3,2,1]; arr.foreach (Funktion (Element, Index, Array) {// einige Operationen ausführen});• Array -Reduktionsmethode
ES5 bietet auch zwei Methoden zur Reduzierung von Arrays: Reduzierung () und Reduktion (). Beide Methoden iterieren alle Elemente im Array und geben einen Endwert zurück. Reduziert () durchquert nach und nach vom ersten Artikel zum letzten Artikel, reduCeright () durchquert vom letzten Gegenstand bis zum Ende des ersten Artikels. Beide Funktionen empfangen vier Parameter: den vorherigen Wert, den aktuellen Wert, den Index des Elements und das Array -Objekt. Jeder von dieser Funktion zurückgegebene Wert wird automatisch als der erste Parameter an das nächste Element übergeben. Verwenden Sie beispielsweise die Methode record (), um die Summe aller Elemente im Array zu ermitteln:
var arr = [1,2,3,4,5]; var sum = arr.ReDuce (Funktion (pre, cur, index, array) {return pre+cur;}); console.log (sum); // 15Wenn die Rückruffunktion zum ersten Mal ausgeführt wird, ist PRE 1 und CUR 2. Das zweite Mal ist PRE 3 (1+2) und CUR beträgt 3.. Dieser Vorgang greift auf jedes Element im Array zu und gibt schließlich das Ergebnis zurück. Die Reduderight () -Methode ist ähnlich wie bei Reduzierung (), aber die Richtung ist das Gegenteil.
Dieser Hinweis wird hauptsächlich auf der Grundlage erweiterter JavaScript -Programmierung und Online -Ressourcen zusammengefasst. Bitte weisen Sie darauf hin, ob es unvollständige Punkte gibt.
Der obige Artikel basiert auf der JavaScript-Array-Array-Methode (ein Muss für Anfänger) ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.