Vorwort
Array ist ein wichtiger Bestandteil von JavaScript. Es kann verwendet werden, um Zeichenfolgen, Objekte, Funktionen und Zahlen zu speichern. Es ist sehr mächtig. Ein tiefes Verständnis von Array ist daher eine obligatorische Front-End-Hausaufgaben. Es ist Freitag und das Herz des Bloggers beginnt wieder zu steigen. Gibt es morgen ein Wochenende? Ich kann wieder Spaß haben.
Erstellen Sie ein Array
Es gibt zwei grundlegende Möglichkeiten, Arrays zu erstellen, einer ist wörtlich und der andere wird mit Konstruktoren erstellt:
var arr = [1,2,3]; // Array -Werte in Form von Literalen erstellen und von englischen Kommas getrennt werden
var arr = [1,2,3]; // Array -Werte in der Form von Literalen erstellen und durch englische Kommas var arr1 = Neuarray (1,2,3) getrennt; // Konstruktor erstellt ein Array, um ein Array -Objekt über den neuen Bediener zu erstellen // Zusätzlich können Sie den neuen Bediener auch weglassen, obwohl dies die meiste Zeit nicht empfohlen wird. var arr1 = Array (1,2,3); Lassen Sie den neuen Bediener aus, um ein Array -Objekt zu erstellen. Diese Syntax ist PHP sehr ähnlich, aber sein Schlüssel kann in JavaScript nicht angegeben werden.
Array-Index: Schlüsselwertpaare
Wenn jedes Array -Element als Beispiel Literale einnimmt, hat er einen entsprechenden Schlüssel, der auch [Index] und [Index] bezeichnet werden kann. Der Standardschlüssel in JavaScript startet ab 0 und bestimmt seinen Schlüsselnamen gemäß der Position des Array -Elements. Der Wert des Array -Elements wird durch den Schlüsselnamen abgefragt. Die allgemeine Syntax ist Array [i]:
var sarr = ["hello", "java", "script"]; // Die entsprechenden Schlüsselnamen sind 0, 1, 2 console.log (Sarr [0]); //Hallo
Drucken Sie die Arrays in die Firefox -Konsole, und Sie können ihre entsprechende Beziehung in der Konsole deutlich sehen:
Auf der rechten Seite der Konsole wird die logische Beziehung zwischen Schlüssel und Werten sehr intuitiv aufgeführt. 0 entspricht Hallo, 1 entspricht Java und 2 entspricht dem Skript. Insgesamt startet die Anzahl der JavaScript-Array mit 0 [0-1-2] == [1-2-3] Der erste ist Hallo, der zweite ist Java und das dritte ist Skript;
Jedes Array hat eine Länge, kein Wert beträgt 0 und wird über die Array.Length -Methode erhalten. Die Länge der obigen Abbildung beträgt 3, was deutlich auf der rechten Seite der Konsole zu sehen ist. Darüber hinaus wird ein kleiner Trick eingeführt. Die meisten in der Firefox -Konsolenkonsole aufgeführten Attributlisten sind direkt zugänglich. Sie können über die Form eines Schlüssels auf [Array ['Länge'] darauf zugreifen.
Die Länge Eigenschaft eines Arrays ist sehr unverwechselbar ----- Es ist nicht schreibgeschützt. Durch das Einstellen dieser Eigenschaft können Sie Elemente am Ende des Arrays entfernen oder dem Array, Chestnut:, neue Elemente hinzufügen:
var colors = ['rot', 'blau', 'grün']; // Erstellen Sie ein Array von 3 Zeichenfolgen Farben.Length = 2; alarm (Farben [2]); // undefined existiert nicht
Shangli löschte das letzte Element 'grün' des Arrays und kann auch hinzugefügt werden:
var colors = ['rot', 'blau', 'grün']; // Erstellen Sie ein Array von 3 Saitenfarben [Farben.Length] = 'Schwarz'; // Die anfängliche Farbenlänge beträgt 3.. Dieser Code entspricht Farben [3] = 'schwarz'; Alarm (Farben [3]); // Schwarz
Tipps 1:
Die Frage ist also, manchmal vergessen meine Freunde plötzlich einen bestimmten Attributnamen beim Klopfen. Was soll ich tun?
Drucken Sie es in die Firefox -Konsole, schauen Sie sich ihre Eigenschaften an und nehmen Sie das Standortobjekt als Beispiel Console.log (Ort):
console.log (Ort);
Ist es für uns viel einfacher, einen bestimmten Wert zu erhalten? Wenn Sie beispielsweise die aktuelle URL -Adresse [location.href] erhalten, erhalten Sie den Domänennamen [Ort.HostName] usw. oder wenn Sie die Methode unter Windows erhalten möchten, ist dies dieselbe, was sehr bequem ist.
Array Stack
Was ist ein Array -Stack? Es bedeutet, dass Arrays als Stapel (Unsinn) ausgedrückt werden können. Was ist also Stack?
Das Verständnis im Code ist, dass der Stapel eine Datenstruktur ist, die das Einfügen und Löschen von Elementen einschränken kann. Der Stack ist ein LIFO (Last-In-First-Out, First-Out), dh der neueste hinzugefügte Artikel wird zuerst entfernt und der früheste hinzugefügte Artikel befindet sich am Ende des Stapels. Siehe das Bild:
Ähnlich wie bei Bausteinen können die folgenden Bausteine immer am Ende erhalten werden. Wenn es an einem neuen Ort platziert wird, wird ein [Stack] gebildet.
Nehmen Sie es in den Array -Stapel heraus und nennen Sie es [Pop] und setzen Sie es ein und nennen Sie es [Push]
Es gibt zwei Methoden im JavaScript -Array [pop ()] [Pushing is push ()]
var sarr = ["hello", "java", "script"]; sarr.push ("schwarz"); // ziehen in einen schwarzer.Warteschlange
Die Zugriffsregel für Stapeldaten lautet LIFO (zuerst in und dann heraus), während die Zugriffsregel für die Warteschlangendatenstruktur fif0 (zuerst in, zuerst) beträgt. Warteschlangen werden häufig verwendet, um Arrays zu durchqueren und kontinuierlich auf Arrays zu arbeiten. Warteschlangenmethoden verwenden Shift (), um erweiterte Elemente aus Arrays zu übertreffen, dh Elemente mit Einweisungen von 0.
var sarr = ["hello", "java", "script"]; console.log (sarr.shift ()); // Hallo // Verschiebung ähnelt der POP -Methode. Pop taucht vom Ende des Arrays auf und verschiebt sich von Beginn der Array -Konsole.log (Sarr [0]); // Java Hello wurde aufgetaucht
Verwenden Sie die Verschiebungsmethode, um eine Warteschlange zu bilden:
var sarr = ["hello", "java", "script"]; var alf = sarr.shift (); // Nehmen Sie das erste Element Sarr.push (ALF); // In Console.log (Sarr) einfügen; // ['Java', 'Skript', 'Hallo']
Durch den Timer -SetInterval können wir jedes Array -Element kontinuierlich durchschleifen. Der vorherige Blog -Beitrag wurde erklärt. "Portal SetTimeout- und SetInterval -Timer und asynchrone Loop -Array.
setInterval (function () {console.log (sarr [0]); // Drucken Sie das erste Element var alf = sarr.shift (); // Nehmen Sie das erste Element Sarr.push (ALF); // Einfügen am Ende des Array}, 1000);Shangli wird weiterhin das Hello Java -Skript drucken
Wir wissen, dass Arrays Werte jeglicher Art speichern können. Deshalb setzen wir die Funktionen ein, die in einer Schleife im Array ausgeführt werden müssen, und verwenden dann die Warteschlangenmethode, um sie kontinuierlich auszuführen, und dann können wir die Methoden in der Warteschlange durchlaufen:
Funktion hello () {console.log ("hello");} function java () {console.log ("java"); sarr.push (ALF); ALF (); // Methode ausführen}, 1000);Es kann auch Hello Java -Skriptschleifen drucken, aber es ist leistungsfähiger
Zusammenfassung der gemeinsamen Arrays -Methoden
1. sortieren
Es gibt bereits zwei Methoden im JavaScript -Array, die direkt zur Neuordnung verwendet werden können: Reverse () und Sort ().
Reverse () ordnet den Array -Rückblenden neu an:
var sarr = [1,2,3,4,5,6]; console.log (Sarr.Reverse ()); // 6,5,4,3,2,1
Es gibt auch eine leistungsfähigere Methode sortiert ()
Der Standard -Sort () wird das Array in aufsteigender Reihenfolge angewiesen. Es sollte beachtet werden, dass diese Sortierung die Methode toString () jedes Elements aufruft, sodass die tatsächliche Sortiergröße auf Zeichenfolgen basiert:
var sarr = [6,2,2,4,5,6]; console.log (sarr.sort ()); // 2,2,4,5,6,6 Ascending Order var sarr = [6,2,2,11,4,5,6]; console.log (sarr.sort ()); // 11,2,2,4,5,6,6
Die tatsächliche Vergleichsgröße der Sortierung ist eine Zeichenfolge. Die Vergleichsmethode der String besteht im Allgemeinen darin, das erste Zeichen im Zeichen zu vergleichen, also '11' <2 'A' <'B'
Sortieren können auch eine Funktion als Parameter übergeben, mit der die Sortiermethode des Arrays neu definiert werden kann:
Funktion Compare (Val1, Val2) {// Sortiert zwei Parameter Wert 1 und Wert 2IF (Val1 <val2) {// Wenn Wert 1 weniger als Wert 2 ist. } else if (val1> val2) {return 1;} else {return 0;}} var sarr = [6,2,2,11,4,5,6]; console.log (sarr.sort (compare)); // [2, 2, 4, 5, 6, 6, 11] Wir vergleichen in der Funktion und das Endergebnis ist normalWenn [val1 <val2] 1 mehr als zurückgibt, –1, können wir es blitzschnell anordnen; Wir können auch die Sortiermethode selbst angeben.
2. Operand Array
① Kopieren Sie ein Array und speichern (klon) Die concat () -Methode kann ein neues Array basierend auf allen Elementen im aktuellen Array erstellen. Bei der Übergabe von Parametern werden die Parameter zusammen zum Ende des Arrays zusammengefügt.
var sarr = ["hello", "java", "script"]; var farr = sarr.concat ("!"); console.log (farr); // ["Hallo", "Java", "Skript", "! ]② Slice () Es kann ein neues Array erstellen, das auf einem oder mehreren Elementen im aktuellen Array basiert. Es kann 1 oder zwei Parameter akzeptieren, dh die Anfangs- und Endpositionen des zu kopierten Elements. Nur ein Parameter hat die Standard -Endposition am Ende des Arrays, sodass er auch ein Array klonen kann.
var sarr = ["hello", "java", "script"]; var farr = sarr.slice (0); console.log (farr); // ["Hallo", "java", "script"] var farr = sarr.slice (0,1) console.log (farr); // Nehmen Sie 0-1 und erstellen Sie eine Kopie // // ["Hello".
Zusammenfassen
Arrays sind ein sehr wichtiger Bestandteil von JavaScript. Gutes Erlernen kann den Code bei der Arbeit vereinfachen. Oft können Sie versuchen, sie in ein Array zu stecken und eine Reihe von Operationen durch die Array -Methode durchzuführen. Der Blog -Beitrag ist begrenzt, aber es gibt keine Begrenzung für das Lernen. Ich hoffe, jeder kann glücklich lernen und Ihre Front-End-Entwicklung schneller beherrschen!
Die obigen ist eine Analyse gemeinsamer Methoden von Arrays in JavaScript, die Ihnen vom Editor vorgestellt wurden. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!