MAP vs -Objekt in JavaScript

“Karte" Und "Objekt”Sind zwei gängige Datenstrukturen in JavaScript, die zum Speichern von Schlüsselwertpaaren verwendet werden. Eine Karte wird verwendet, wenn Sie eine Datenstruktur benötigen, die einen beliebigen Datentyp als Schlüssel oder Wert speichern und eine geordnete Sammlung von Schlüsselwertpaaren benötigt. Während das Objekt verwendet wird, wenn Sie nur Stringschlüssel speichern müssen.

Dieser Beitrag erklärt den Unterschied zwischen Karte und Objekt in JavaScript.

So definieren Sie ein Objekt in JavaScript?

In JavaScript ist ein Objekt eine Sammlung von Eigenschaften mit jeweils ein Schlüsselwertpaar. Der "Taste" ist der "Name", und ein "Wert"Ist der" Wert "gegen den Schlüssel. Objekte können reale Objekte wie ein Auto, eine Person oder ein Bankkonto darstellen. Sie können auch abstraktere Objekte darstellen, wie ein mathematischer Punkt im Raum, eine Farbe oder ein Datum.

Syntax

Ein Objekt kann mit buchstäblicher Objektnotation Klammern oder dem Objektkonstruktor erstellt werden. Verwenden Sie mit der wörtlichen Notation oder den Klammern die folgende Syntax:

const Object =
Schlüsselwert,
Schlüsselwert

Erstellen eines Objekts mit dem Objektkonstruktor oder dem “neuSchlüsselwort, verwenden Sie die folgende Syntax:

const Object = new Object ();
Objekt.Schlüssel = Wert;

Notiz: Denken Sie daran, dass die Schlüssel oder Namen der Objekteigenschaften eine Zeichenfolge sein müssen.

Beispiel 1: Erstellen Sie ein Objekt mit wörtlicher Notation in JavaScript

Im folgenden Beispiel erstellen wir ein Objekt namens “stdobjectMit wörtlicher Notation oder Klammern:

var stdobject =
Name: 'John' ',
Alter: 18,
Rollno: 25,
Standard: 9

Drucken Sie das Objekt auf der Konsole:

Konsole.log (STDObject);

Ausgang

Beispiel 2: Erstellen Sie ein Objekt mit dem Objektkonstruktor in JavaScript

Hier erstellen wir ein Objekt, das den Objektkonstruktor unter Verwendung des “mit dem“ erstellenneu" Stichwort:

const stdObject = new Object ();

Fügen Sie nun die Eigenschaften (Schlüsselwert) von Objekten mit dem Punkt hinzu (.) Notation:

stdobject.name = 'Jodan';
stdobject.Alter = 19;
stdobject.Rollno = 15;
stdobject.Standard = 10;

Zuletzt zeigen Sie das Objekt auf der Konsole mit der “anKonsole.Protokoll()" Methode:

Konsole.log (STDObject);

Ausgang

So definieren Sie die Karte in JavaScript?

In JavaScript, a “KarteIst eine Datenstruktur, die Schlüsselwertpaare ähnelt wie ein Objekt. Sie können Daten mit Tasten assoziieren und die Daten später mithilfe der Tasten abrufen. Karten können verwendet werden, um Wörterbücher, Hash -Tabellen und andere Datenstrukturen zu implementieren, die Schlüssel zu Werten abbilden.

Syntax

Um eine Karte zu initialisieren, verwenden Sie die folgende Syntax:

const map = neue Karte ([[
['Schlüsselwert'],
['Schlüsselwert']
]);

Sie können auch eine Karte mit dem Kartenkonstruktor oder mit dem neuen Bediener erstellen und Werte mithilfe der “festlegenSatz()" Methode:

const map = new map ();
Karte.set ('Schlüssel', 'Wert');

Beispiel: Erstellen Sie eine Karte in JavaScript

Im angegebenen Beispiel erstellen wir eine Karte mit beiden Syntax.

Erstellen Sie eine Karte mit der Initialisierungsmethode. Hier setzen wir Tasten als Zeichenfolge, während Sie Tasten in einer Karte in einem beliebigen Typ einstellen können:

const mapstd = newmap ([
['Name', 'John'],
['Alter', 18],
['Rollno', 25],
['Standard', 9],
]);

Oder erstellen Sie eine Karte, indem Sie den Kartenkonstruktor oder den neuen Schlüsselwort/den neuen Operator aufrufen:

const mapstd = new map ();

Stellen Sie die Werte in MAP in einem Schlüsselwertpaar mit der “einSatz()" Methode:

Mapstd.set ('name', 'John');
Mapstd.set ('Alter', 18);
Mapstd.set ('rollno', 25);
Mapstd.set ('Standard', 9);

Verwenden Sie die Karte auf der Konsole, um die Karte zu druckenEinträge ()Methode mit der “für”Schleife:

für (const [Schlüssel, Wert] von MAPSTD.Einträge ())
Konsole.log ('$ key: $ value');

Oder zum Zugriff auf den Wert einer bestimmten Schlüssel/Eigenschaft verwenden Sie die “erhalten()" Methode:

Konsole.log ("The Rollno von" + Mapstd.get ('name') + "ist" + mapstd.Get ('Rollno'));

Der Ausgang zeigt alle Eigenschaften der Karte und den Wert der spezifischen Eigenschaft an:

MAP vs -Objekt in JavaScript

Der Hauptunterschied zwischen Karte und Objekt lautet wie folgt:

Karte	Objekt
Es wurde 2015 in ECMascript 6 eingeführt.	JavaScript führte den Objektdatentyp in der ersten Version (ECMascript 1) ein, die 1997 veröffentlicht wurde.
Die Karte ermöglicht Tasten eines beliebigen Datentyps (e).G., Objekte, Funktionen, Zahlen usw.).	Objektschlüssel müssen Saiten sein.
Auf die Eigenschaften einer Karte kann unter Verwendung der Get () -Methode zugegriffen werden.	Objekteigenschaften können unter Verwendung einer Punktnotation oder der Quadratklammernotation zugegriffen werden.
MAP verfügt über eine Eigenschaft in eingebaute Größe, um die Anzahl der Schlüsselwertpaare zurückzugeben	Objekt hat diese Funktion nicht.
Karte ist iterbar. Es ermöglicht das Schleifen durch alle Schlüsselwertpaare mit einigen integrierten Methoden wie foreach (), keys (), values ​​() und Einträgen ().	Das Objekt ist nicht iterbar. Es besteht die Notwendigkeit, "für" für "für" LOPS oder ein Objekt "zu verwenden.Einträge () Methode zum Iterieren von Schlüsselwertpaaren.
Karte wird bestellt.	Objekt ist nicht ordnungsgemäß.

Wenn Sie mit kleinen Datensätzen arbeiten, ist der Leistungsunterschied zwischen Karten und Objekten vernachlässigbar. Wenn Sie jedoch mit größeren Datensätzen arbeiten, können Karten schneller sein, da sie für die Leistung optimiert werden.

Wann bevorzugt MAP über Objekte in JavaScript über Objekte??

Wenn Sie Schlüsselwertpaare in einem geordneten Formular oder den Wert als Schlüssel zu einem beliebigen Datentyp wie Zahlen, Objekten oder Symbolen speichern müssen, verwenden Sie das „Karte" Datenstruktur. Objekte werden verwendet, wenn Sie Strings als Schlüssel verwenden müssen und wenn Sie keine der Funktionen von Karten benötigen. Der Leistungsunterschied zwischen Karten und Objekten ist bei der Arbeit mit kleinen Datensätzen vernachlässigbar. Wenn Sie jedoch mit größeren Datensätzen arbeiten, können Karten schneller sein, da sie für die Leistung optimiert werden.

Abschluss

Karte und Objekt werden verwendet, um Daten als Schlüsselwertpaare in JavaScript zu speichern, aber sie haben einige Unterschiede. MAP ist eine leistungsstärkere und flexiblere Datenstruktur als Objekt und die bevorzugte Wahl, wenn Sie Schlüsselwertpaare speichern müssen, die bestellt werden müssen, Schlüssel mit verschiedenen Datentypen haben oder über eine Größe verfügen. Dieser Beitrag erklärte den Unterschied zwischen Karte und Objekt in JavaScript.