So speichern Sie ein Key => Value -Arrays in JavaScript?

In JavaScript gibt es mehrere Möglichkeiten zum Speichern von Key => Value -Arrays in JavaScript. Der schwierige Teil ist jedoch das Speichern der Schlüssel und Werte von zwei verschiedenen Arrays in ein einzelnes Element. Und zu seiner Schwärmen, dem Schlüssel und seinem Wert zu erhöhen, sollen in einem solchen Schema gespeichert werden, das einen Schlüssel mit seinem jeweiligen Wert abrufen ist. Dies senkt die Anzahl der Methoden, um die vorliegende Aufgabe nur zwei zu erreichen. Die beiden vielversprechendsten Methoden sind die Verwendung von Objekte Und Karten. Dieser Artikel wird diese beiden Methoden nacheinander durchlaufen.

Notiz: In diesem Artikel geht davon aus.

Methode 1: Verwenden von Objekten zum Speichern von Key => Value -Arrays

Um diese Methode zu demonstrieren, erstellen Sie zunächst ein Schlüsselarray und ein Wert -Array mit den folgenden Zeilen:

var keysArray = ["China", "England", "Ägypten", "Finnland", "Griechenland"];
var valentArray = ["Peking", "London", "Kairo", "Helsinki", "Athen"];

Erstellen Sie danach ein leeres JavaScript -Objekt mit der folgenden Zeile:

resultObj = ;

Kopieren Sie danach einfach die Schlüssel und Werte aus ihrem Array und fügen Sie sie mit den folgenden Zeilen in das Objekt hinzu:

für (var i = 0; i < keysArray.length; i++)
resultObj [keysArray [i]] = valuesArray [i];

In diesem obigen Code -Snippet:

• A für die Schleife wird ausgeführt und seine Iterationen entsprechen der Anzahl der Elemente im Schlüsselarray.
• In jeder Iteration wird ein neues Attribut der Eigenschaft des Objekts erstellt, und es wird der Name gleich dem Element im Schlüsselarray und seinem jeweiligen Wert aus dem Wertarray angegeben, indem dieselben Indexwerte verwendet werden.

Danach passieren Sie die resultobj zur Konsolenprotokollfunktion, um sie auf dem Terminal auszudrucken:

Konsole.log (resultObj);

Die Ausführung des Codes liefert die folgende Ausgabe:

Die Schlüssel und Werte werden zusammen gespeichert, aber sie sind immer noch nicht in der “Key => Format”
Verwenden Sie die folgenden Codezeilen, um sie im richtigen Format anzuzeigen:

für (x des Objekts.Schlüssel (resultobj))
Konsole.log (x + "=>" + resultObj [x]);

In diesem Code -Snippet:

• Objekt.Keys () Methode gibt die Schlüssel des Objekts in seinem Argument nacheinander zurück. Die Schlüssel werden in der Variablen gespeichertX”
• Die String -Verkettung wird verwendet, um die Ausgabe des Konsolenprotokolls als "Keys => Werte" zu formatieren

Das Ausführen des Programms erzeugt jetzt das folgende Ergebnis:

Die Ausgabe zeigt, dass die Schlüssel nicht nur zusammen gespeichert, sondern auch richtig formatiert sind.

Methode 2: Verwenden von Karten zum Speichern von Key => Value -Arrays

Erstellen Sie zwei Arrays mit Tasten und Werten mit den folgenden Codezeilen:

var keysArray = ["China", "England", "Ägypten", "Finnland", "Griechenland"];
var valentArray = ["Peking", "London", "Kairo", "Helsinki", "Athen"];

Der nächste Schritt besteht darin, eine Karte zu erstellen, damit diese eine Variable erstellen und gleich dem festlegen Neue Karte () Konstruktor wie:

resultMap = new map ();

Um einer Kartenvariablen Werte hinzuzufügen, gibt es diese Methode MAPVAR.Satz(). Verwenden Sie diese Funktion, um Schlüssel und ihre jeweiligen Werte hinzuzufügen:

für (i = 0; i < keysArray.length; i++)
resultmap.set (keysArray [i], valuesArray [i]);

Im oben erwähnten Code -Snippet:

• A für Schleife wird verwendet, um durch den KeysArray und den ValuerArray mit der Länge des KeysArray zu iterieren.
• In jeder Iteration, resultmap.Satz() Die Methode wird verwendet, um das Schlüssel- und Wertpaar in der Karte zu speichern.

Danach einfach die bestehen resultmap Variable auf das Terminal mit der Konsolenprotokollfunktion:

Konsole.log (resultMap);

Dieser Code erzeugt die folgende Ausgabe:

Es ist eine Art im richtigen Format, enthält jedoch ein wenig zusätzliche Informationen. Um es richtig zu formatieren, verwenden Sie die folgenden Zeilen:

für (Schlüssel des Ergebnismaps.Schlüssel())
Konsole.log (taste + "=>" + resultMap.bekommen (Schlüssel));

In diesem Code -Snippet:

• resultmap.Die Keys () -Methode gibt die Schlüssel der Karte einzeln auf die Schlüsselvariable zurück.
• resultmap.Get () Methode wird verwendet, um den Wert eines bestimmten Schlüssels zu erhalten.
• Und in der Konsolenprotokollfunktion wird die String -Verkettung verwendet, um die Ausgabe korrekt zu formatieren.

Das Ausführen des Codes erzeugt nun die folgende Ausgabe am Terminal:

Die Ausgabe zeigt, dass die Schlüssel nicht nur zusammen gespeichert, sondern auch richtig formatiert sind.

Abschluss

In JavaScript sind Objekte und Karten die beiden Elemente, die zum Speichern von Schlüssel und Wertpaaren am besten geeignet sind, auch wenn die jeweilige Aufgabe darin besteht. Wenn der Benutzer anschließend versucht, Tasten und ihre jeweiligen Werte zu erhalten.