So erstellen Sie ein assoziatives Array in JavaScript Literal Notation

Ein assoziatives Array ist eine Art von Datenstruktur, die eine Gruppe/Sammlung von Schlüsselwertpaaren speichert. Es heißt ""Assoziativ”Array, da Sie es Ihnen ermöglichen, einen Wert mit einem bestimmten Schlüssel zu assoziieren, anstatt auf Werte zuzugreifen, die einen Index wie in einem regulären Array verwenden.

Dieser Beitrag definiert das Verfahren zum Erstellen und Verwenden von assoziativen Arrays in JavaScript.

So erstellen Sie ein assoziatives Array in JavaScript mit wörtlicher Notation?

In JavaScript wird ein Objekt als assoziatives Array angesehen, das Eigenschaften mit Namen (auch als Schlüssel bezeichnet) und Werte hat. Sie können ein assoziatives Array unter Verwendung der wörtlichen Objektnotation erstellen, die aus lockigen Klammern und einer Liste von Schlüsselwertpaaren besteht, die durch Kommas (,) getrennt sind (,).

Syntax

Verwenden Sie die folgende Syntax, um ein Objekt zu erstellen, das das assoziative Array in der wörtlichen Notation darstellt:

const array =
Key1: Wert1,
key2: value2,
key3: value3
;

Beispiel 1: Erstellen eines assoziativen Arrays in JavaScript

Erstellen Sie ein Objekt namens assoziatives Array in JavaScript mit dem Namen “Assarray”Mit Schlüsselwertpaaren:

const assarray =
A: 'zehn',
B: 'fünf' ',
C: 'zwei' ',
D: 'neun' '
;

Drucken Sie das Array auf der Konsole:

Konsole.log (assarray);

Ausgang

Sie können auch ein assoziatives Array wie folgt erstellen:

var assarray = a: 'zehn', b: 'fünf', c: 'zwei', d: 'neun';

Ausgang

In einem assoziativen Array können Sie unter Verwendung der Punktnotation oder der Quadratklammernotation anstelle von Indizes auf die Werte der Eigenschaften zugreifen.

Beispiel 2: Zugriff auf den Wert des assoziativen Array -Schlüssels

Zugangswert der Eigenschaft/Schlüssel “C"Von einem Array"Assarray”:

Konsole.Protokoll (Assarray.C);

Die Ausgabe wird angezeigt "zwei”Als Wert von“C”:

Sie können auch auf die Werte eines Arrays zugreifen, indem Sie die Square Bracket Notation als Zeichenfolge übergeben:

Konsole.log (assarray ['a']);

Es kann beobachtet werden, dass der Wert von “A" Ist "zehn”:

Bestimmen Sie die Länge eines assoziativen Arrays

Das assoziative JavaScript -Array ist kein reguläres Array, daher können Sie keine Array -Objekte verwendenLängeEigenschaft, um ihre Länge zu überprüfen. Verwenden Sie die “, um die Länge eines assoziativen Arrays zu bestimmenObjekt.Größe() "Funktion.

Verwenden Sie also das “Objekt.Größe()Funktion zur Bestimmung der Länge eines assoziativen Arrays. Es wird durch die Schlüssel eines Arrays iteriert. Darüber hinaus verwenden Sie die “HasownProperty ()Methode zur Überprüfung der Existenz des Schlüssels im Array. Wenn der Schlüssel existiert, nimmt die Anzahl um eins zu:

Objekt.size = function (array)
var arrSize = 0;
für (var Schlüssel im Array)
if (Array.HasownProperty (Schlüssel))
Arrrize ++;

Arrrise zurückgeben;
;

Ruf den "Objekt.Größe()Funktionieren Sie das assoziative Array als Parameter:

var leng lengofassarray = Objekt.Größe (Assarray);

Drucken Sie schließlich die Länge des Arrays auf der Konsole:

Konsole.log ("Länge des assoziativen Arrays lautet:" + LängeOfassarray);

Es ist ersichtlich, dass die Länge des assoziativen Arrays 4 beträgt:

Lassen Sie uns sehen, wie ein assoziatives Array in ein normales Array umgewandelt wird.

Umwandlung eines assoziativen Arrays in ein normales/reguläres Array

Wie wir wissen, ist das assoziative Array kein reguläres Array. Es ist ein Objekt. Wenn Sie es also in ein normales Array konvertieren möchten, verwenden Sie das "Karte()Methode, indem Sie die Funktion auf jedem Schlüssel eines assoziativen Arrays aufrufen:

var arrelements = Objekt.Schlüssel (Assarray).MAP (Funktion (i)
Rückgabe von Assarray [i];
)

Drucken Sie das Array auf der Konsole mit “Konsole.Protokoll()" Methode:

Konsole.log (Arrelements);

Die Ausgabe zeigt an, dass das Objekt oder das assoziative JavaScript -Array erfolgreich in ein normales Array umgewandelt wurde:

Das dreht sich um die wesentlichen Informationen, die für das assoziative Array in JavaScript relevant sind.

Abschluss

In JavaScript kann ein Objekt als assoziatives Array verwendet werden. In einem assoziativen Array können Sie unter Verwendung der Punktnotation oder der Quadratklammernotation anstelle von Indizes auf die Werte der Eigenschaften zugreifen. Verwenden Sie die “, um die Länge eines assoziativen Arrays zu bestimmenObjekt.Größe()" anstatt der "Länge" Eigentum. Sie können auch ein assoziatives Array in ein normales Array mit der “konvertieren“Karte()" Methode. Dieser Beitrag definierte das Verfahren zum Erstellen eines assoziativen JavaScript -Arrays.