So erstellen Sie ein Wörterbuch in JavaScript mit Schlüsselwertpaaren?

Die meiste Zeit werden die Datenbanken zum Speichern einer großen Datenmenge für die Verwendung später oder zum Speichern des Status der Anwendung verwendet. Es werden jedoch die Daten vorhanden sein, um die Daten lokal im Code zu speichern, um sie später zu verwenden. Programmiersprachen haben daher einige Standard -Datentypen, die bei der Erreichung dieser Funktionalität ohne Verwendung der Datenbank wirklich hilfreich sind.

Bedarf an Schlüsselwertpaaren

Zu diesem Zweck verwendet JavaScript Arrays und Objekte, um einige Datensätze im Code zu speichern. Im Gegensatz zu anderen Programmiersprachen hat JavaScript keinen genauen Typ, der als Wörterbuch bezeichnet wird, aber es hat einen vielfältigen Typ, der in JavaScript als Objekt bezeichnet wird. Das Objekt von JavaScript ist sehr flexibel, da Sie es dynamisch verwenden können, wo immer Sie möchten. Die meiste Zeit werden Objekte für die Daten häufig verwendet, da sie später im Code leicht verwendet werden können.

Objekt

Objekte sind auch die gleichen wie Wörterbücher in anderen Programmiersprachen, da die Objekte auch aus den Schlüsselwertpaaren bestehen, und die Wörterbücher basieren auch auf dieser Struktur der Schlüsselwertpaarbildung. Sie können einen Schlüssel gegen einen bestimmten Wert zuweisen, um später darauf zugreifen zu können.

In diesem Artikel werden wir sehen, wie wir Wörterbücher in JavaScript erstellen können und wie wir einige Daten mit Hilfe einiger Beispiele leicht in sie manipulieren können.

So erstellen Sie ein Wörterbuch/Objekt in JavaScript

Weil Wörterbücher nicht die traditionellen Datentypen von JavaScript sind.
Nehmen wir ein Beispiel zum Erstellen des Objekts.

Beispiel

myfirstObject = new Object ();
// oder der Kurzweg
lass myfirstObject =
FirstName: 'Mark' ',
LastName: 'Fonso',
Alter: 20

Konsole.log ('Der Typ der Variablen lautet:', Typof (myfirstObject) und ihre Werte sind: ', MyFirstObject)

Es gibt zwei grundlegende Möglichkeiten, wie Sie ein Objekt in JavaScript erstellen können. Der erste ist, indem Sie den Namen des Objekts erklären, das in unserem Fall ist “myfirstobjectUnd dann seine Instanz erstellen, indem a initialisiert werden neues Objekt ().

Der zweite Weg wird als Kurzmethode betrachtet, die einfach den Namen des Objekts deklarieren und ihm einige Schlüsselwertpaare zuweisen, um den Interpreter zu verstehen, dass es ein Objekt ist.

Ausgang:

Hier können Sie sehen, dass der Objekttyp Objekt ist, wie ich sagte, dass es keinen herkömmlichen Datentyp als Objekt gibt, daher werden JavaScript -Objekte in einigen Fällen als Objekte behandelt.

Nehmen wir ein weiteres Beispiel für das Erstellen eines neuen Objekts im folgenden Beispiel

Beispiel

lass expObject =
FirstName: "John Doe",
"Zehn": 10,
10: "Jede Ganzzahl",
"Erfahrung": 0
;
Konsole.log ('type:', typeof (expObject), '\ n', 'Werte:', ExpObject)

Hier im obigen Beispiel haben wir ein neues Objekt mit dem Namen erstellt und initialisiert ExpObject und Konsole haben es in das Terminal angemeldet, während sie seinen Datentyp überprüfen und die darin enthaltenen Werte anzeigen.

Wie Sie im obigen Ausgangsbildschirm sehen können, dass der Typ als Objekt angezeigt wird, während seine Werte auch im Ausgangsanschluss angezeigt werden.

Zuordnen der Objektschlüssel Werte zuweisen

Wir haben unser Objekt erfolgreich erstellt, nun lassen wir die Werte mit der Verwendung der Werte überprüfen Taste Namen im folgenden Beispiel;

Dies kann erreicht werden, indem die Indexer -Eigenschaft des Objekts verwendet wird, um die Werte festzulegen, oder indem Sie sie direkt verwenden, als wäre es eine normale Eigenschaft für das Objekt. Die Schlüsselwerte können jedes Objekt sein, nicht nur Zeichenfolgen:

lass expObject =
FirstName: "John Doe",
"Zehn": 10,
10: "Jede Ganzzahl",
"Erfahrung": 0
;
ExpObject ["Ten"] = 20;
ExpObject [10] = "Twenty";
ExpObject ["Erfahrung"] = 22;
Konsole.log ('type:', typeof (expObject), '\ n', 'Werte:', ExpObject)
// Eigenschaft direkt zuweisen
DICT.FirstName = "John Doe";

Hier im obigen Beispiel haben wir ein Objekt erstellt und später haben wir die Werte ausschließlich den spezifischen Eigenschaften oder Schlüssel des Objekts mithilfe der Indexer -Methode zugewiesen.

Ausgang

Sie können jetzt im obigen vorgesehenen Ausgangsbildschirm deutlich sehen, dass die Werte im Objekt aktualisiert wurden.

Zuweisen von Werten dem Objekt unter Verwendung des Punktoperators (Direktzuweisung) Werten zuweisen

Bis jetzt haben wir besprochen, wie wir Objekte erstellen können und wie wir den Eigenschaften des Objekts mithilfe der Indexer -Methode einige Werte zuweisen können des Objekts.

Beispiel

lass expObject =
FirstName: "John Doe",
"Zehn": 10,
10: "Jede Ganzzahl",
"Erfahrung": 0
;
ExpObject.Zehn = 20;
ExpObject.Erfahrung = 10;
ExpObject.FirstName = 'Mark Huggy';
Konsole.log ('type:', typeof (expObject), '\ n', 'Werte:', ExpObject)

Hier im obigen Beispiel erstellen wir ein Objekt und zuweisen später einige Werte mit dem DOT -Operator oder können Sie eine direkte Zuordnung mit anderen Worten sagen.

Sie können sehen, dass die oben genannten Werte im Objekt aktualisiert werden.

Iterierende Schlüsselwertpaare des Objekts

Jetzt werden wir über die Iteration der Schlüsselwertpaare diskutieren.

Beispiel
Hier im folgenden Beispiel werden wir ein Objekt erstellen und dann jede Taste des Objekts durchlaufen und den Wert gegen jeden Taste des Objekts anzeigen:

lass expObject =
FirstName: "John Doe",
"Zehn": 10,
10: "Jede Ganzzahl",
"Erfahrung": 0
;
für (lass taste in ExpObject)
Sei Value = ExpObject [Schlüssel];
Konsole.log (Wert);

Ausgang

Die Werte werden mit Hilfe von A for Loop gegen jeden Schlüssel angezeigt

Direkter Zugriff auf Schlüssel-/Wertpaare

Wie bei der direkten Zuordnung können wir auch direkt auf die Werte des Objekts mit einem Punktoperator zugreifen und es einer anderen Variablen für die spätere Verwendung zuweisen. Lassen Sie uns im folgenden Beispiel sehen:

lass expObject =
FirstName: "John Doe",
"Zehn": 10,
10: "Jede Ganzzahl",
"Erfahrung": 0
;
lass first_name = expObject.Vorname;
ExpObject.FirstName = "Mark Christonson";
Konsole.log ('alter Name:', First_Name, '\ nNew Name:', ExpObject.Vorname )

Hier im obigen Beispiel haben wir ein Objekt erstellt und später haben wir seine alte zugewiesen Vorname Wert zum Vorname variabel und aktualisiert den Wert der Vorname durch Verwendung der direkten Zuordnungsmethode. Später haben wir sowohl die alten als auch die neuen Werte auf dem Bildschirm angezeigt

Ausgang:

Sie können sowohl die alten als auch die neuen Namensfelder im obigen Ausgangsbildschirm sehen.

Abschluss

Das Wörterbuch ist nicht der traditionelle Datentyp der JavaScript -Programmiersprache, aber die Objekte können in einigen Fällen als Wörterbücher behandelt werden. Sie können ein Objekt auf zwei verschiedene Arten erstellen. Man kann es deklarieren und mithilfe der initialisieren neues Objekt () Methode und die zweite ist der Kurzweg, indem sie einfach einige Schlüsselwertepaare deklarieren und zuweisen. In diesem Artikel haben wir beide Methoden im Detail durchgemacht und haben besprochen, wie wir Werte mit direkter Zuordnung und Indexermethoden zuweisen und abrufen können.