So konvertieren Sie Kartenschlüssel in ein Array in JavaScript?

JavaScript ist eine hochrangige Programmiersprache, die seinen Entwicklern viele verschiedene Datenstrukturen bietet, die zum Speichern von Daten und Inhalten verwendet werden und leicht aufrechterhalten und verstanden werden können. Die am häufigsten verwendeten Strukturen zum Speichern von Datensammlungen in JavaScript sind Arrays und Objekte. Arrays werden verwendet, um indexierte Datensätze zu speichern, während in Objekten Schlüsselwertpaare gespeichert werden. Im Jahr 2015 führte JavaScript ein weiteres iterables Objekt ein, das als das bekannt ist Karte In ECMascript, dessen Hauptzweck darin bestand, den Entwicklern mehr Flexibilität zu geben.

In diesem Beitrag werden wir diskutieren, was ein Kartenobjekt ist und wie Kartenschlüssel in ein Array in JavaScript konvertiert werden kann.

Kartenobjekt

Ein Kartenobjekt ist ein einfaches Objekt, dessen Funktion darin besteht. Unabhängig von der Reihenfolge werden Sie Daten in das Kartenobjekt einfügen, es erinnert sich an diese Reihenfolge. Der Syntax des Kartenobjekts finden Sie unten:

var map = new map ([iterableabobject]);

Der iterableObject Argument ist optional und das Objekt, dessen Elemente als Schlüsselwertpaare im Kartenobjekt gespeichert werden.

Implementieren wir ein Kartenobjekt in JavaScript, damit wir wissen, wie das Kartenobjekt initialisiert wird und wie es funktioniert:

// Karte erstellen
var map = newmap ();
// Tasten und Werte für das Kartenobjekt einrichten
Karte.set ('1', 'String'); // Schlüssel als Zeichenfolge
Karte.set (1, 'nummer'); // Schlüssel als numerisch
Karte.set (wahr, 'boolean'); // Schlüssel als Boolean
// Werte von der Karte mit Tasten abrufen
Konsole.Protokoll (Karte.Holen Sie sich (1)); // Nummer
Konsole.Protokoll (Karte.Get ('1')); // String

Im obigen Code haben wir ein MAP -Objekt initialisiert und dann einige Werte im initialisierten Kartenobjekt gesetzt. Danach holen wir einen Wert mit der Karte.GET () -Methode und anzeigen Sie sie mit einer Konsole an.Protokoll():

Umwandlung von Kartenschlüssel in Array

Wir können die Schlüssel des Kartenobjekts mit dem erhalten Karte.Schlüssel() Methode.

Um die Kartenschlüssel in ein Array umzuwandeln, können wir zwei Methoden verwenden. Der erste Ansatz wird sein, die zu verwenden Array.aus Methode, die bei der Konvertierung a hilft Mappiterator (Ein Objekt, das uns hilft, Aufzeichnungen oder Sammlungen durchzuführen) in folgender Weise in ein Array:

// Karte erstellen
var map = newmap ();
// Tasten und Werte für das Kartenobjekt einrichten
Karte.set ('frucht', 'apple');
Karte.set ('Menge', 20);
// Kartenschlüssel in Array konvertieren
Lassen Sie Schlüssel = Array.von (Karte.Schlüssel() );
Konsole.log (keys); // [Frucht, Menge]

Im obigen Code haben wir zuerst das Kartenobjekt initialisiert und dann zwei Werte für das Kartenobjekt festgelegt. Als nächstes verwendeten wir Tasten des Kartenobjekts Karte.Schlüssel(). Dann haben wir das benutzt Array.aus Methode, die das Ergebnis in ein Array umwandelt. Am Ende haben wir die Schlüssel mit der Konsole auf die Konsole angezeigt.log () Methode.

Der zweite Ansatz, den wir verfolgen können, ist die Verwendung des Spread -Operators "..." In JavaScript, dessen Funktion es ist, eine iterable zu nehmen und diese dann iterable in einzelne Elemente umzuwandeln.

// Karte erstellen
var map = newmap ();
// Tasten und Werte für das Kartenobjekt einrichten
Karte.set ('frucht', 'apple');
Karte.set ('Menge', 20);
// Kartenschlüssel in Array konvertieren
Lassen Sie Keys = [… Karte.Schlüssel() ];
Konsole.log (keys); // [Frucht, Menge]

Der oben angegebene Code bleibt mit Ausnahme der Verwendung des Spread -Operators „…“ gleich.

Wie Sie in der Ausgabe sehen können, haben wir unser Kartenobjekt erfolgreich in ein iterierbares Array umgewandelt:

Abschluss

JavaScript führte 2005 ein Kartenobjekt in ECMascript ein, in dem wir eine Sammlung von Elementen in Schlüsselwertpaaren speichern können. Wir können die Schlüssel über das Kartenobjekt mit der integrierten Methodenkarte abrufen.Schlüssel(). So konvertieren Sie Kartenschlüssel in ein Array.Keys () Methode und dann den Spread Operator oder Array verwenden.Von () Methode, um die Schlüssel in ein Array umzuwandeln.

In diesem Beitrag haben wir besprochen, was ein JavaScript -Kartenobjekt ist und wie ein Kartenobjekt mit zwei Ansätzen in ein Array in JavaScript umwandelt. Verwenden des Spread -Operators und mit einem Array.von () Methode.