Der Array -Typ in JavaScript wird häufig verwendet, und der Array -Typ bietet auch viele Methoden, um unsere Anforderungen zu erfüllen. Fassen wir es unten zusammen.
1. Methoden zum Erstellen eines Arrays
var colors = new Array ();
var colors = New Array (3); // Erstellen Sie ein Array von Länge 3
var colors = new Array ("rot", "blau") // Erstellen Sie ein Array ["rot", "blau"]
Natürlich kann das oben genannte Neue weggelassen und geschrieben werden, wie z. B. var Colors = Array ("rot");
2. Verwenden Sie direkt Array -Literale
var colors = ["rot", "blau", "grün"];
2. Array -Methode 1
var colors = ["rot", "blau", "grün"];
1. Holen Sie sich die Länge der Array -Farben. Länge; // 3
2. Greifen Sie auf das zweite Element der Array -Farben zu [1]; // Blau
3. Ändern Sie das zweite Datenpunkt der Datenfarben [1] = "schwarz"; // ["rot", "schwarz", "grün"]
4. Überprüfen Sie, ob es sich um eine Array -Farbeninstanz von Array handelt.
5. Farben.ToString (); // Die Ausgangszeichenfolgen werden durch Kommas durch Kommas getrennt.
6. colors.join ("|"); // Anpassen Sie die Ausgangszeichenfolge rot | blau | grün mit "|"
7. Farben.Push ("Brown") // Fügen Sie ein Element zum Ende des Arrays hinzu
8. Farben.pop () // Ein Element am Ende des Arrays löschen
9. Colors.shift () // Löschen Sie das erste Element des Arrays und erhalten Sie den Wert
10. Colors.unshift ("K1", "K2") // diese beiden Elemente vor dem Array einfügen; ["K1", "K2", "Red", "Blue", "Green"];
11. Farben.Reverse () // Die Reihenfolge der Flip -Arrays
12. Colors.Sort () oder Colors.Sort ([func]);
13. concat () gibt ein neues Array zurück, ohne die ursprünglichen Array -Farben zu beeinflussen.
14. Slice (Beginn, Ende) Kopieren Sie diese Daten aus dem Array -Index -Einweis, ohne das Ende des Indexs zu beenden. Wenn es sich um Slice (Beginn) handelt, beginnt es vom Index bis zum Ende des Arrays.
15. Spleiß
Spleiß (0,2) // 2 zwei Elemente des Arrays ab dem Index 0 fallen lassen
Splice (2,0, "K1", "K2") löscht 0 Elemente aus dem Index 2 und fügt dann zwei Elemente von hier ein.
Splice (2,1, "K1") // Ein Element aus dem Index 2 löschen und dann ein Element von hier einfügen
16. INDEXOF ("Item") // Aus dem Array -Header, um ein Element zu finden, den Indexwert nach dem Finden zurückzugeben, es jedoch nicht finden und -1 zurückgeben kann nicht
17. lastIndexof ("item") // vom Ende des Arrays, um ein Element zu finden, den Einweiswert nach dem Finden zurückzugeben und -1, wenn es nicht gefunden werden kann.
3. Array -Methode 2: Iterative Methode (ECMAScript5)
1. Jeder (): Führen Sie die angegebene Funktion auf jedem Element des Arrays aus. Jeder Element gibt True zurück und dann nicht auf das ursprüngliche Array).
var numbers = [1,2,3,2,1]; // beurteilen, ob jede Zahl größer als 2Var Flag = numbers.Every (Funktion (Element, Index, Array) {Rückgabeelement> 2;});2. filter (): Führen Sie die angegebene Funktion auf jedem Element im Array aus und geben Sie das Element mit der Funktion der Funktion zurück (wirkt sich nicht auf das ursprüngliche Array aus)
var numbers = [1,2,3,2,1]; // Rückgabe des Elements mehr als 2 var array = number.filter (Funktion (Element, Index, Array) {Rückgabeelement> 2;});3.. Foreach (): Führen Sie eine bestimmte Funktion auf jedem Element im Array aus, ohne den Wert zurückzugeben (wirkt sich nicht auf das ursprüngliche Array aus)
var numbers = [1,2,3,2,1]; // Ausgabe der quadratischen Nummern jedes Elements.foreach (Funktion (Element, Index, Array) {console.log (Element*2);});4. MAP (): Führen Sie eine bestimmte Funktion auf jedem Element des Arrays aus und geben Sie ein Array zurück, das nach jedem Funktionsaufruf besteht (wirkt sich nicht auf das ursprüngliche Array aus)
var numbers = [1,2,3,2,1]; // Rückgabe des Quadrats jedes Elements var array = number.map (Funktion (Element, Index, Array) {Rückgabeelement*Element;});5. einige (): Führen Sie die angegebene Funktion auf jedem Element im Array aus. Wenn es einen Gegenstand gibt, der true zurückgibt, gibt es True zurück.
var numbers = [1,2,3,2,1]; var flag = numbers.some (Funktion (Element, Index, Array) {Rückgabeelement> 2});3. Array -Methode 3: Merge -Methode (ECMascript5)
1. Die Methode recry () beginnt von der ersten Zeile des Arrays und durchquert nacheinander.
2. Die Reduderight () -Methode startet vom letzten Punkt des Arrays und durchquert nacheinander nach vorne.
var numbers = [1,2,3,4,5]; var result = numbers.Reduce (function (prev, cur, index, array) {// prev: Das Ergebnis des vorherigen Vorgangs, der der erste Term der Zahl am Anfang // CUR: Der aktuelle Term des Arrays // Index: Der SubScript der aktuellen Array // Array /Array: Das Array, das diese Operation, die diese Operation erfolgt, diese Operation, die diese Operation, die diese Operation, diese Operation, die Operation, die Operation erbringt, die Operation. console.log ("cur:"+cur); console.log("============================================================================= =================================================================================ieben ===============================================================================ieben =================================================================================iebenDie obige Zusammenfassung der JavaScript -Array -Methode (empfohlen) 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.