3 Dinge, die Sie nicht über JavaScript-Arrays kennen

Arrays sind eine weit verbreitete Funktion von Programmiersprachen; Sie sind spezielle Variablen Dies kann verwendet werden, um mehrere Werte gleichzeitig zu speichern. Wenn es jedoch um JavaScript geht, so einfach wie es zu lernen ist, gibt es immer mehr zu entdecken.

In diesem Beitrag werfen wir einen Blick auf drei weniger bekannte, aber wichtige Funktionen von JavaScript-Arrays, die Sie möglicherweise noch nicht kennen.

1. Fügen Sie den Arrays benutzerdefinierte Eigenschaften hinzu

Wenn Sie im Internet nach einer gründlichen Definition von JavaScript-Arrays suchen, werden Sie feststellen, dass fast jede Quelle ausnahmslos das Array als das aufführt, was es ist Ja wirklich ist, ein Objekt.

In der Tat wird fast alles, mit dem wir uns in JavaScript beschäftigen, erledigt entpuppen sich als Objekt. Es gibt zwei Arten von Datentypen in JavaScript, Primitive und Objekte, aber Grundelemente werden immer in Objekte eingeschlossen.

Array, Funktion, Datum usw. sind vordefinierte JavaScript-Objekte die über integrierte Methoden, Eigenschaften und ihre eigene standardisierte Syntax verfügen.

JavaScript-Arrays können haben drei verschiedene Arten von Eigenschaften:

Indizes eines Arrays sind auch Eigenschaften
Eingebaute Eigenschaften
Benutzerdefinierte Eigenschaften Sie können selbst hinzufügen

Die ersten beiden sind bekannter, Sie können sie jeden Tag verwenden, aber sehen Sie sie kurz an, bevor Sie sich damit befassen, wie Sie Ihre eigenen benutzerdefinierten Eigenschaften zu einem Array hinzufügen können.

Indizes als Eigenschaften

JavaScript-Arrays verwenden die eckige Klammer-Syntax, sowie var ary = ["Orange", "Apfel", "Litschi"];.

Indizes von Array-Elementen sind im Wesentlichen Eigenschaften bei dem die Eigenschaftsnamen sind immer nicht negative ganze Zahlen.

Das Index-Element-Paar eines Arrays ähnelt dem Schlüsselwertpaar eines Objekts.

Indizes sind ein einzigartiges Merkmal des Array-Objekts, und im Gegensatz zu den anderen integrierten Eigenschaften können sie es sein Nur mit der Klammer-Syntax festlegen, sowie ary [3] = "Pfirsich";.

Eingebaute Eigenschaften

Arrays haben auch eingebaute Eigenschaften, sowie Array.Länge. Das Länge Eigenschaft trägt einen ganzzahligen Wert, der bezeichnet die Länge eines Arrays.

Im Allgemeinen können integrierte Eigenschaften häufig in vordefinierten JavaScript-Objekten wie Arrays gefunden werden. Zusammen mit den integrierten Methoden helfen sie dabei Passen Sie generische Objekte so an, dass die Objekte für unterschiedliche Anforderungen geeignet sind.

Auf eingebaute Eigenschaften kann mit der Option zugegriffen werden object.key oder der Objekt ["Schlüssel"] Syntax. So kannst du auch schreiben ary ["Länge"] um auf die Länge eines Arrays zuzugreifen.

Erstellen Sie benutzerdefinierte Eigenschaften für das Array-Objekt

Lass uns darüber reden Hinzufügen eigener Eigenschaften zu Arrays. Arrays sind vordefinierte Objekte, die unterschiedliche Wertetypen in verschiedenen Indizes speichern.

In der Regel müssen keine benutzerdefinierten Eigenschaften zu einem Array hinzugefügt werden. Dies ist einer der Gründe, warum Anfänger normalerweise nicht über diese Funktion unterrichtet werden. Wenn Sie ein Array wie ein normales Objekt behandeln möchten, indem Sie Schlüsselwertpaare hinzufügen, können Sie dies ebenfalls tun Verwenden Sie für Ihre Zwecke ein normales Objekt. Das heißt aber nicht, dass es keine gibt Sonderfälle Sie können die Tatsache, dass ein Array ein Objekt ist, nutzen, indem Sie eine oder mehrere benutzerdefinierte Eigenschaften hinzufügen.

Sie können beispielsweise einem Array eine benutzerdefinierte Eigenschaft hinzufügen bezeichnet die "Art" oder die "Klasse" seiner Elemente, wie Sie es im folgenden Beispiel sehen können.

 var ary = ["Orange", "Apfel", "Litschi"]; ary.itemClass = "Früchte"; console.log (ary + "are" + ary.itemClass); // "Orange, Apfel, Litschi sind Früchte"

Beachten Sie, dass die benutzerdefinierte Eigenschaft, die Sie einem Array hinzufügen, Folgendes ist zahlreich, was bedeutet, dass es von Schleifen wie der aufgenommen wird für in Aussage.

2. Schleife durch Array-Elemente

Sie sagen wahrscheinlich "Ich weiß das schon", was höchstwahrscheinlich wahr ist, Sie wissen bereits, wie Sie Array-Elemente durchlaufen. Es ist aber auch wahr, dass "Loop Through Array-Elemente" ein bisschen abstrakt ist, denn das, was wir eigentlich durchlaufen, ist das Indizes des Arrays.

Da Array-Indizes bestehen nur aus nicht negative ganze Zahlen, Wir iterieren einen ganzzahligen Wert, der normalerweise bei Null beginnt und an der gesamten Länge des Arrays endet. Anschließend wird dieser iterierte Wert verwendet, um auf das Array-Element an einem bestimmten Index zuzugreifen.

Seit ECMAScript6 gibt es jedoch einen Weg Schleifen Sie direkt durch Array-Werte ohne sich mit Indices zu beschäftigen, und das kann mit der für… von Schleife.

In einem Array das für… von Schleife durchläuft die Array-Elemente in der Reihenfolge der Indizes, mit anderen Worten, es wird darauf geachtet, die Indizes zu iterieren und einen Index zu erhalten vorhandener Arraywert bei einem bestimmten Index. Diese Schleife ist ideal, wenn Sie einfach alle Array-Elemente durchlaufen und mit ihnen arbeiten möchten.

 var ary = ["Orange", "Apfel", "Litschi"]; for (lassen Sie ein Element von ary) console.log (item);  // "Orange", "Apfel", "Litschi"

Zum Vergleich mit dem regulären zum Schleife erhalten wir die Indizes anstelle der Werte als Ausgabe.

 var ary = ["Orange", "Apfel", "Litschi"]; für (var item = 0; item < ary.length; item++) console.log(item);  // 0, 1, 2

3. Die Anzahl der Elemente ist nicht die Länge

Normalerweise, wenn wir über das sprechen Länge eines Arrays, Wir denken, dass dies entweder die Anzahl der Werte ist, die ein Array enthält, oder die Länge, die wir dem Array manuell gegeben haben. In der Realität hängt die Länge eines Arrays jedoch davon ab der größte vorhandene Index innerhalb davon.

Länge ist a sehr flexible eigenschaft. Ob Sie bereits zuvor die Länge eines Arrays festgelegt haben oder nicht, wenn Sie dem Array immer wieder Werte hinzufügen, seine Länge nimmt dementsprechend zu.

 var ary = []; eine Längenlänge = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6

Im obigen Beispiel können Sie sehen, dass ich dem Array an Index 5 nur einen Wert gegeben habe und die Länge 6 wird. Wenn Sie der Meinung sind, dass durch Hinzufügen eines Werts an Index 5 das Array die Indizes von 0 bis 4 automatisch erstellt hat , dann Ihre Annahme ist falsch. Es gibt wirklich keine vorhandenen Indizes von 0 bis 4 in diesem Array. Sie können dies mit dem überprüfen im Operator.

 var ary = []; eine Längenlänge = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 console.log (0 in ary); // falsch

Das Array ary nennen wir a "spärliches" Array, ein Array, wo die Indizes werden nicht kontinuierlich erstellt, und Lücken haben. Das Gegenteil eines "spärlichen" Arrays ist das "dichtes" Array Dabei gibt es kontinuierlich Indizes im Array, und die Anzahl der Elemente entspricht der von Länge.

Das Länge Eigenschaft ist auch in der Lage ein Array abschneiden, Stellen Sie sicher, dass immer der höchste Index im Array vorhanden ist weniger als sich selbst, wie Länge ist standardmäßig immer numerisch größer als der höchste Index.

Im folgenden Beispiel können Sie sehen, wie wir das Element an Index 5 verlieren, indem Sie das Element verringern Länge des ary Array.

 var ary = []; eine Längenlänge = 3; console.log (ary.length); // 3 ary [5] = "abcd"; console.log (ary.length); // 6 ary.length = 2; console.log (ary.length); // 2 console.log (ary [5]); // nicht definiert

Lesen Sie weiter

10 JavaScript-Begriffe, die Sie jetzt kennen sollten
4 nicht so häufige, aber hilfreiche Javascript-Anweisungen, die Sie kennen sollten
Code-Optimierung mit JS Hint - ein Werkzeug zum Flusen von Javascript