In Programmiersprachen sind Arrays (Array) eine sehr häufige Funktion; Sie sind eine spezielle Variable, mit der mehrere numerische Werte gleichzeitig gespeichert werden können. Wenn es jedoch um JavaScript geht, gibt es viele andere Dinge zu erforschen.
In diesem Artikel werden wir drei weniger häufige Merkmale von JavaScript -Arrays diskutieren.
1. Fügen Sie dem Array benutzerdefinierte Eigenschaften hinzu
Bei der Suche nach Definitionen über JavaScript -Arrays online werden Sie feststellen, dass fast jeder die gleiche Definition von Arrays hat: ein Objekt.
Tatsächlich kann alles, was wir mit JavaScript verarbeiten, als Objekt angesehen werden. In JavaScript gibt es zwei Datenarten, der Grundtyp ist der Objekttyp, der Grundtyp ist jedoch im Grunde genommen im Objekttyp enthalten.
Arrays, Funktionen und Datum sind vordefinierte Objekte in JavaScript und enthalten alle Methoden, Eigenschaften und ihre jeweilige standardisierte Syntax.
JavaScript -Arrays haben die folgenden drei verschiedenen Eigenschaften:
1) Der Index des Arrays ist auch sein Attribut
2) Eingebaute Eigenschaften
3) Sie können selbst benutzerdefinierte Eigenschaften hinzufügen
Die ersten beiden Attribute sind allen bekannt. Sie können sie jeden Tag verwenden, aber ich möchte hier noch ein paar Wörter sagen und dann darüber sprechen, wie Sie Arrays benutzerdefinierte Attribute hinzufügen können.
Nehmen Sie den Index als Eigenschaft
JavaScript -Arrays können die Syntax für quadratische Halterungen verwenden, wie z. B. var ary = ["Orange", "Apple", "Lychee"];.
Der Index eines Array-Elements ist im Grunde eine Eigenschaft, und die Namen seiner Eigenschaften sind immer nicht negative Ganzzahlen.
Das Indexelementpaar eines Arrays ähnelt einem Schlüsselwertpaar eines Objekts. Indizes sind eindeutige Merkmale von Array-Objekten, im Gegensatz zu anderen integrierten Eigenschaften, die einzeln über quadratische Klammern wie Ary [3] = "Peach" konfiguriert werden können.
Eingebaute Eigenschaften
Arrays haben integrierte Eigenschaften wie Array.length. Diese Länge Eigenschaft enthält einen Ganzzahlwert, der die Länge des Arrays darstellt.
Im Allgemeinen können integrierte Eigenschaften häufig in vordefinierten JavaScript-Objekten wie Arrays gefunden werden. Integrierte Eigenschaften werden mit integrierten Methoden kombiniert, mit denen gewöhnliche Objekte so anpassen können, dass sie unterschiedliche Anforderungen entsprechen.
Bei Zugriff auf integrierte Eigenschaften können Sie zwei Syntaxe verwenden: Object.Key oder Object ["Key"]. Das heißt, wenn Sie die Länge des Arrays erhalten, können Sie es als Ary ["Länge"] schreiben.
Erstellen Sie benutzerdefinierte Eigenschaften für Array -Objekte
Lassen Sie uns nun darüber sprechen, wie Sie einem Array benutzerdefinierte Eigenschaften hinzufügen können. Ein Array ist ein vordefiniertes Objekt, das verschiedene Arten von Werten in verschiedenen Indizes speichert.
Normalerweise müssen wir Arrays keine benutzerdefinierten Attribute hinzufügen. Aus diesem Grund sagte uns niemand, als wir JavaScript zum ersten Mal gelernt haben, dass wir Arrays Attribute hinzufügen könnten. Wenn Sie dem Array wie Sie ein allgemeines Objekt behandeln möchten, können Sie auch ein allgemeines Objekt verwenden, um Ihr Ziel zu erreichen. Dies bedeutet jedoch nicht, dass es überhaupt keine besonderen Fälle gibt. In einigen Fällen können Sie die Tatsache nutzen, dass ein Array auch ein Objekt ist und ihm eine oder mehrere benutzerdefinierte Eigenschaften hinzufügen.
Beispielsweise können Sie dem Array eine benutzerdefinierte Eigenschaft hinzufügen, die das Element "Art" oder "Klasse" erkennt. Weitere Informationen finden Sie im folgenden Beispiel:
var ary = ["orange", "apple", "lychee"]; ary.itemclass = "fruits"; console.log (ary + "sind" + ary.itemClass);
Bitte beachten Sie, dass die benutzerdefinierten Eigenschaften, die Sie dem Array hinzufügen, zählbar sind, dh sie können durch Schleifen wie für ... in ausgewählt werden.
2. Schleifen in Array -Elementen
Sie könnten sagen: "Ich kenne das schon lange." Das ist richtig, Sie wissen bereits, wie Sie Array -Elemente indexieren. Sie können jedoch das Gefühl haben, dass die Anweisung "Looping in Array -Elementen" ein bisschen abstrakt ist, weil das, was wir wirklich schleifen, der Index des Arrays ist.
Da Array-Indizes alle aus nicht negativen Ganzzahlen bestehen, beginnen wir normalerweise von 0 bis die gesamte Länge des Arrays, um den Ganzzahlwert zu iterieren, und verwenden dann diesen iterierten Wert, um das Array-Element gemäß dem spezifischen Index zu erhalten.
Da ECMAScript6 jedoch erscheint, können wir uns nicht mehr um Indizes und Schleifen in Array -Werten kümmern, und diese Operation kann mit einer für ... der Schleife durchgeführt werden.
In einem Array kann die für ... der Schleife die Array -Elemente gemäß der Reihenfolge des Index schleifen. Mit anderen Worten kann es die Iteration des Index steuern und einen vorhandenen Arraywert basierend auf dem angegebenen Index erhalten. Diese Schleife ist sehr praktisch, wenn Sie nur alle Array -Elemente durchlaufen und sie verwenden möchten.
var ary = ["orange", "apple", "lychee"]; für (lass item of ary) {console.log (item);} Zum Vergleich mit dem regulären für die Schleife erhalten wir die Indizes anstelle der Werte als Ausgabe. var ary = ["Orange", "Apple", "Lychee"]; für (var item = 0; Element <ary.length; Element ++) {console.log (item);}3. Die Anzahl der Elemente entspricht nicht ihrer Länge
Wenn wir über die Array -Länge sprechen, sind wir im Allgemeinen der Meinung, dass seine Länge entweder die Anzahl der Array -Werte oder die Länge, die wir für das Array manuell festgelegt haben. Tatsächlich hängt die Länge des Arrays jedoch vom größten vorhandenen Index ab.
Die Länge ist eine sehr flexible Eigenschaft. Unabhängig davon, ob Sie die Länge des Arrays angepasst haben oder nicht, solange Sie dem Array immer wieder neue Werte hinzufügen, steigt auch die Länge.
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "abcd"; Konsole.log (Ary.Length);
Im obigen Beispiel sehen Sie, dass ich nur einen Wert für den Index 5 des Arrays angegeben habe, und dann wurde die Länge zu 6. Wenn Sie der Meinung sind, dass Sie den Index 5 einen Wert hinzufügen und das Array automatisch Index 0-4 erstellt, ist Ihre Spekulation falsch. Es gibt keinen Index 0-4, der im Array existieren sollte. Sie können den In -Operator verwenden, um ihn anzusehen.
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "abcd"; console.log (ary.length); console.log (0 in Ary);
Das obige Ary -Array wird von uns in ein spärliches Array gemacht. Der Index dieses Arrays wird nicht kontinuierlich erstellt, und es gibt Luft zwischen den Indizes. Das Gegenteil des spärlichen Arrays ist ein dichtes Array. Der Index der dichten Arrays wird kontinuierlich erstellt, wobei die Anzahl der Elemente ihrer Länge entspricht.
Die Länge Eigenschaft eines Arrays kann auch verwendet werden, um die Zahlen zu verkürzen, um sicherzustellen, dass die maximale Anzahl von Indizes im Array immer kleiner als das Array selbst ist, da der Wert der Länge standardmäßig immer größer ist als die höchste Anzahl von Indizes.
Im folgenden Beispiel können Sie sehen, dass ich den Weg verwendet habe, um die Länge des Ary -Arrays auf die Gemeinschaft der Elemente in Index 5 zu verringern.
var ary = []; ary.length = 3; console.log (ary.length); ary [5] = "abcd"; Konsole.log (Ary.Length); Ary.Length = 2; Konsole.log (Ary.Length); console.log (Ary [5]);
Das obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, es wird für das Lernen aller hilfreich sein und ich hoffe, jeder wird Wulin.com mehr unterstützen.