Karten gegen Objekte in ES6, Wann verwenden?

Ref: MDN-Karten

Verwenden Sie Karten über Objekten, wenn Schlüssel bis zur Laufzeit unbekannt sind und wenn alle Schlüssel vom gleichen Typ und alle Werte vom gleichen Typ sind.

Verwenden Sie Objekte, wenn es eine Logik gibt, die einzelne Elemente bearbeitet.

Frage:

Was ist ein anwendbares Beispiel für die Verwendung von Karten über Objekten? insbesondere "Wann wären Schlüssel bis zur Laufzeit unbekannt?"

var myMap = new Map();

var keyObj = {},
    keyFunc = function () { return 'hey'},
    keyString = "a string";

// setting the values
myMap.set(keyString, "value associated with 'a string'");
myMap.set(keyObj, "value associated with keyObj");
myMap.set(keyFunc, "value associated with keyFunc");

console.log(myMap.get(keyFunc));

Was ist ein anwendbares Beispiel für die Verwendung von Karten über Objekten?

Ich denke, Sie haben bereits ein gutes Beispiel gegeben: Sie müssen zumindest Maps verwenden, wenn Sie Objekte (einschließlich Funktionsobjekte) als Schlüssel verwenden.

insbesondere "Wann wären Schlüssel bis zur Laufzeit unbekannt?"

Wann immer sie zur Kompilierungszeit nicht bekannt sind. Kurz gesagt, sollten Sie immer ein verwenden , Mapwenn Sie einen benötigen Schlüssel-Wert - Sammlung . Ein guter Indikator dafür, dass Sie eine Sammlung benötigen, ist das dynamische Hinzufügen und Entfernen von Werten zur Sammlung, insbesondere wenn Sie diese Werte vorher nicht kennen (z. B. werden sie aus einer Datenbank gelesen, vom Benutzer eingegeben usw.).

Im Gegensatz dazu sollten Sie Objekte verwenden, wenn Sie wissen, welche und wie viele Eigenschaften das Objekt beim Schreiben des Codes hat - wenn ihre Form statisch ist. Wie @Felix es ausgedrückt hat: wenn Sie einen Datensatz benötigen . Ein guter Indikator für die Notwendigkeit ist, wenn die Felder unterschiedliche Typen haben und Sie niemals die Klammernotation verwenden müssen (oder eine begrenzte Anzahl von Eigenschaftsnamen darin erwarten müssen).

Ich denke, dass mit ES2015 Mapnur noch zwei Gründe übrig bleiben, einfache Objekte zu verwenden:

• Sie möchten die Eigenschaften eines Objekttyps überhaupt nicht durchlaufen
• oder Sie tun dies, aber die Eigenschaftsreihenfolge spielt keine Rolle und Sie können das Programm beim Iterieren von der Datenebene unterscheiden

Wann ist die Immobilienbestellung unwichtig?

• wenn Sie nur einen einzigen Wert und einige Funktionen haben, die explizit damit verknüpft werden sollten (wie Promise- das ist ein Proxy für einen zukünftigen Wert - und then/ catch)
• Wenn Sie eine struktur- / datensatzähnliche Datenstruktur mit einem statischen Satz von Eigenschaften haben, die zur "Kompilierungszeit" bekannt sind (normalerweise sind Strukturen / Datensätze nicht iterierbar).

In allen anderen Fällen können Sie die Verwendung in Betracht ziehen Map, da die Eigenschaftsreihenfolge beibehalten und das Programm (alle dem MapObjekt zugewiesenen Eigenschaften ) von der Datenebene (alle Einträge in sich Mapselbst) getrennt wird.

Was sind die Nachteile von Map?

• Sie verlieren die prägnante Objektliteral-Syntax
• Sie benötigen benutzerdefinierte Ersetzer für JSON.stringyfy
• Sie verlieren die Destrukturierung, was bei statischen Datenstrukturen ohnehin nützlicher ist

Verwenden Sie Karten über Objekten, wenn Schlüssel bis zur Laufzeit unbekannt sind und wenn alle Schlüssel vom gleichen Typ und alle Werte vom gleichen Typ sind.

Ich habe keine Ahnung, warum jemand etwas so offensichtlich Falsches schreiben würde. Ich muss sagen, die Leute finden heutzutage immer mehr falsche und / oder fragwürdige Inhalte auf MDN.

Nichts in diesem Satz ist richtig. Der Hauptgrund für die Verwendung von Karten liegt darin, dass Sie Schlüssel mit Objektwerten möchten. Die Idee, dass die Werte vom gleichen Typ sein sollten, ist absurd - obwohl dies natürlich der Fall sein könnte. Die Idee, dass man Objekte nicht verwenden sollte, wenn Schlüssel bis zur Laufzeit unbekannt sind, ist ebenso absurd.

Einer der Unterschiede zwischen Mapund Objectist:

Mapkann einen komplexen Datentyp als Schlüssel verwenden. so was:

const fn = function() {}
const m = new Map([[document.body, 'stackoverflow'], [fn, 'redis']]);

m.get(document.body) // 'stackoverflow'
m.get(fn) //'redis'

Achtung: Bei komplexen Datentypen müssen Sie dieselbe Referenz wie der Schlüssel übergeben, wenn Sie den Wert erhalten möchten.

Objectakzeptiert es nur den einfachen Datentyp ( number, string) als Schlüssel.

const a = {};
a[document.body] = 'stackoverflow';

console.log(a) //{[object HTMLBodyElement]: "stackoverflow"}

Diese Frage ist ein Duplikat von aber bis es geschlossen ist, hier ist meine Antwort von dort drüben :

Zusätzlich zu den anderen Antworten habe ich festgestellt, dass Karten unhandlicher und ausführlicher zu handhaben sind als Objekte.

obj[key] += x
// vs.
map.set(map.get(key) + x)

Dies ist wichtig, da kürzerer Code schneller zu lesen, direkter auszudrücken und besser im Kopf des Programmierers bleibt .

Ein weiterer Aspekt: ​​Da set () die Karte und nicht den Wert zurückgibt, ist es unmöglich, Zuordnungen zu verketten.

foo = obj[key] = x;  // Does what you expect
foo = map.set(key, x)  // foo !== x; foo === map

Das Debuggen von Karten ist auch schmerzhafter. Unten können Sie nicht sehen, welche Schlüssel sich auf der Karte befinden. Sie müssten Code schreiben, um das zu tun.

Objekte können von jeder IDE ausgewertet werden:

Objects sind s insofern ähnlich Map, als Sie mit beiden Schlüssel auf Werte setzen, diese Werte abrufen, Schlüssel löschen und erkennen können, ob etwas an einem Schlüssel gespeichert ist. Aus diesem Grund (und weil es keine eingebauten Alternativen gab) wurden Objects als Maps historisch verwendet; Es gibt jedoch wichtige Unterschiede, die die Verwendung eines Mapin bestimmten Fällen vorzuziehen machen :

• Die Schlüssel von a Objectsind Strings und Symbols, während sie ein beliebiger Wert für a sein können Map, einschließlich Funktionen, Objekte und beliebiger Grundelemente.
• Die Schlüssel in Mapwerden sortiert, die zum Objekt hinzugefügten Schlüssel nicht. Wenn ein MapObjekt darüber iteriert, gibt es die Schlüssel in der Reihenfolge des Einfügens zurück.
• Sie können die Größe eines Mapeinfach mit der sizeEigenschaft ermitteln, während die Anzahl der Eigenschaften in einem Objectmanuell ermittelt werden muss.
• A Mapist iterierbar und kann daher direkt iteriert werden, wohingegen das Iterieren über a das ObjectErhalten seiner Schlüssel auf irgendeine Weise und das Iterieren über sie erfordert.
• An Objecthat einen Prototyp, daher gibt es Standardschlüssel in der Karte, die mit Ihren Schlüsseln kollidieren können, wenn Sie nicht vorsichtig sind. Ab ES5 kann dies mit umgangen werdenmap = Object.create(null) , dies wird jedoch selten durchgeführt.
• A Mapkann in Szenarien mit häufigem Hinzufügen und Entfernen von Schlüsselpaaren eine bessere Leistung erzielen.

MDN