JavaScript assoziatives Array | Erklärt

Assoziative Arrays dienen als Grundlage für die JavaScript -Sprache. Alles in JavaScript wird als Objekt bezeichnet, oder es ist korrekter zu sagen, dass alles, was in JavaScript deklariert wurde, ein assoziatives Array ist. Beispielsweise ist ein neues Objekt, das Sie in JavaScript erstellen, ein assoziatives Array. Um andere JavaScript -Datenstrukturen zu generieren, müssen Sie mit einem assoziativen Array beginnen.

In dieser Beschreibung wird die Arbeit von assoziativen Arrays in JavaScript erläutert. So lass uns anfangen!

JavaScript assoziatives Array

Ein assoziatives JavaScript -Array wird als Sammlung von angesehen Schlüssel. Diese Schlüssel sind mit ihrem jeweiligen Zusammenhang verbunden Werte So wie der Schlüssel an das Array übergeben wird, gibt er den entsprechenden Wert zurück. Das ist was der Begriff “Verband”Bedeutet.

Assoziative Arrays in JavaScript werden als “angesehen"Objekte,Keine normalen Arrays. Deshalb werden nur die Methoden und Eigenschaften, die sich auf Objekte beziehen.

So erstellen Sie JavaScript assoziatives Array

Um ein assoziatives JavaScript-Array zu erstellen, müssen Sie der untergegewalten Syntax folgen:

var array = key1: 'value1', key2: 'value2'

Hier, "Array"Ist ein assoziatives Array, das umfasst"Key1" Und "Key2"Als String -Indizierung mit ihren jeweiligen Werten als"Wert1" Und "Wert2”.

Zum Beispiel erstellen wir ein JavaScript -Array mit dem Namen “Mitarbeiter"Zwei Schlüssel haben"Mitarbeitername" Und "Alter”. Der "Wert" des "Mitarbeitername"Der Schlüssel wird auf" gesetzt "Alex" und sein "Alter" als "25”:

var Employee =
"Mitarbeitername": 'Alex',
"Alter": 25
;

So erstellen Sie ein assoziatives JavaScript -Array.

Wie berechnet man die Länge des assoziativen JavaScript -Arrays

JavaScript Associativ Array ist kein normales Array; Daher können wir die eines Array -Objekts nicht verwenden “Länge”Attribut, um seine Länge anzuzeigen.

Zur Berechnung der Länge des assoziativen Arrays müssen wir eine erstellen “Objekt.Größe()”Funktion. Der "Objekt.Größe()Die Funktion wird durch die “iterierenSchlüssel”Des assoziativen Arrays und verwenden Sie die“HasownProperty () ” Methode besteht darin, die Existenz von Schlüssel darin zu überprüfen. Im Fall, wenn die zugesetzte Bedingung bewertet wird “Wahrheit"Dann wird die Größe des Arrays inkrementiert, auf das zunächst festgelegt wurde"0”:

Objekt.size = function (array)
var size = 0;
für (var Schlüssel im Array)
if (Array.HasownProperty (Schlüssel))
Größe ++;

Renditegröße;
;

Als nächstes werden wir uns auf das anrufenObjekt.Größe() ”Methode zur Überprüfung der Länge des erstellten JavaScript -assoziativen Arrays:

var länge = Objekt.Größe (Mitarbeiter);
Konsole.log ("Länge des Mitarbeiterarrays ist:" + Länge);

Wie Sie aus der Ausgabe erkennen können, ist die Länge der “Mitarbeiter"Assoziatives Array ist"2”:

In ähnlicher Weise können Sie auch die „verwenden“Objekt.Schlüssel()Methode zur Berechnung der Länge eines assoziativen Arrays:

Konsole.log ("Länge des Mitarbeiterarrays ist:" + Objekt.Schlüssel (Mitarbeiter).Länge);

Ausgang

So rufen Sie Werte von JavaScript assoziativem Array ab

In einem assoziativen Array können Sie die Werte der hinzugefügten Tasten mit "mit" abrufen "abrufenfür”Schleife:

für (var Schlüssel im Mitarbeiter)
var value = Mitarbeiter [Schlüssel];
Konsole.log (key + "=" + value + ");

Das oben gegebene “für"Schleife wird durch die" itereriert "Mitarbeiter”Array- und Fetchwerte von hinzugefügten Schlüsseln:

So konvertieren Sie das assoziative Array von JavaScript in ein normales Array

Ich möchte das assoziative JavaScript -Array in ein normales Array konvertieren? Um dies zu tun, rufen Sie das JavaScript auf “Karte()”Funktion. Die Funktion MAP () gibt ein normales Array aus, die Funktion für jeden Schlüssel aufzurufen. “k" des "Mitarbeiter”Assoziatives Array:

var Elements = Objekt.Schlüssel (Mitarbeiter).MAP (Funktion (k)
Return -Mitarbeiter [K];
)
Konsole.log (Elemente);

Das neu erstellte Array platzierte die Werte der “MitarbeiterSchlüssel bei den sequentiellen Indizes 0 und 1:

Das war alles um JavaScript assoziatives Array. Schauen wir uns vor dem Aufschluss vor dem Unterschied den Unterschied zwischen einem assoziativen Array und einem normalen Array in JavaScript an.

Unterschied zwischen normalem Array und assoziativem Array in JavaScript

Schauen Sie sich die folgende Tabelle an, um den Unterschied zwischen normalem Array und assoziativem Array in JavaScript zu verstehen:

Normales Array	Assoziatives Array
Ein normales Array wird mit lockiger Klammer deklariert[].”	Ein assoziatives Array wird mit quadratischen Klammern erstellt “”.
In einem normalen Array werden die Werte mit “zugegriffen“ zugegriffen “Indizes”.	In einem assoziativen Array werden die Werte durch die Verwendung von “zugegriffen“ zugegriffen “Schlüssel”.
Ein normales Array umfasst geordnete Werte basierend auf seinen Indizes.	Ein assoziatives Array umfasst ungeordnete Werte basierend auf seinen Schlüssel.
Die normalen Arrayschlüssel sind von den “Nummer" Typ.	Die assoziativen Arrayschlüssel können von sein Saite oder Nummer Typ.
Beispiel: var Mitarbeiter = ["Alex", 25];	Beispiel: var Employee = "Mitarbeitername": 'Alex', "Alter": 25 ;

Wir haben die wesentlichen Informationen im Zusammenhang mit dem assoziativen JavaScript -Array zusammengestellt. Erforschen Sie es nach Ihren Vorlieben.

Abschluss

Ein assoziatives JavaScript -Array wird als Sammlung von Schlüssel angesehen. Diese Schlüssel sind ihren jeweiligen Werten so verbunden, dass der Schlüssel, wenn der Schlüssel an das assoziative Array übergeben wird, den entsprechenden Wert zurückgibt. Assoziative Arrays in JavaScript werden als Objekte angesehen, nicht als normale Arrays; Deshalb werden nur die Methoden und Eigenschaften, die sich auf Objekte beziehen, einem assoziativen Array zugewiesen. In diesem Artikel wurde JavaScript assoziative Arrays erläutert.