Come convertire un semplice oggetto in una mappa ES6?

Per qualche motivo non riesco a trovare questa semplice cosa nei documenti MDN (forse mi manca solo).

Mi aspettavo che funzionasse:

const map = new Map({foo: 'bar'});

map.get('foo'); // 'bar'

... ma la prima riga lancia TypeError: (var)[Symbol.iterator] is not a function

Come si crea una mappa da un oggetto semplice? Devo davvero convertirlo prima in un array di array di coppie chiave-valore?

Sì, il Mapcostruttore accetta un array di coppie chiave-valore.

Object.entriesè un nuovo metodo statico Object disponibile in ES2017 (19.1.2.5) .

const map = new Map(Object.entries({foo: 'bar'}));

map.get('foo'); // 'bar'

È attualmente implementato in Firefox 46+ e Edge 14+ e nelle versioni più recenti di Chrome

Se hai bisogno di supportare ambienti più vecchi e il transpilation non è un'opzione per te, usa un polyfill, come quello consigliato da georg:

Object.entries = typeof Object.entries === 'function' ? Object.entries : obj => Object.keys(obj).map(k => [k, obj[k]]);

Si prega di vedere la risposta di nils utilizzandoObject.entries e / o la risposta di bergi utilizzando una funzione generatore . Sebbene Object.entriesnon fosse ancora nelle specifiche quando è stata posta la domanda, era allo stadio 4 , quindi sicuro da usare con polyfill anche nell'aprile 2016 (solo). (Maggiori informazioni sulle fasi qui .) E le funzioni del generatore erano in ES2015. L'OP ha chiesto espressamente di evitare intermediari e, sebbene il generatore non lo eviti completamente, fa un lavoro migliore rispetto a quelli sotto o (leggermente) Object.enties.

FWIW, utilizzando Object.entries:

• Crea un array di [name, value]array a cui passarenew Map
• Il Mapcostruttore chiama una funzione sull'array per ottenere un iteratore; l'array crea e restituisce un oggetto interator dell'array.
• Il Mapcostruttore usa quell'oggetto iteratore per ottenere le voci (gli [name, value]array) e costruire la mappa

Utilizzando il generatore:

• Crea un oggetto generatore come risultato della chiamata della funzione generatore
• Il Mapcostruttore chiama una funzione su quell'oggetto generatore per ottenere un iteratore da esso; l'oggetto generatore ritorna da solo
• Il Mapcostruttore usa l'oggetto generatore (come iteratore) per ottenere le voci (gli [name, value]array) e costruire la mappa

Quindi: un intermediario in meno (l'array da Object.entries).

Tuttavia, l'utilizzo Object.entriesè più semplice e la creazione di quell'array non è un problema il 99,999% delle volte. Quindi davvero, nessuno dei due. Ma sono entrambi migliori dei seguenti. :-)

Risposta originale:

Per inizializzare a Map, puoi utilizzare qualsiasi iteratore che restituisca coppie chiave / valore come array, ad esempio un array di array:

const map = new Map([
    ['foo', 'bar']
]);

Non esiste una conversione incorporata da oggetto a mappa, ma è facilmente realizzabile con Object.keys:

const map = new Map();
let obj = {foo: 'bar'};
Object.keys(obj).forEach(key => {
    map.set(key, obj[key]);
});

Puoi, ovviamente, darti una funzione di lavoro per gestirlo:

function buildMap(obj) {
    let map = new Map();
    Object.keys(obj).forEach(key => {
        map.set(key, obj[key]);
    });
    return map;
}

Poi

const map = buildMap({foo: 'bar'});

Oppure ecco una versione più l33t (è ancora una cosa?):

function buildMap(obj) {
    return Object.keys(obj).reduce((map, key) => map.set(key, obj[key]), new Map());
}

(Sì, Map#setrestituisce il riferimento della mappa. Alcuni sostengono che si tratta di un abuso di reduce.)

Oppure possiamo davvero esagerare con l'oscurità:

const buildMap = o => Object.keys(o).reduce((m, k) => m.set(k, o[k]), new Map());

No, non lo farei mai per davvero. :-)

Devo davvero convertirlo prima in un array di array di coppie chiave-valore?

No, è sufficiente un iteratore di array di coppie chiave-valore. È possibile utilizzare quanto segue per evitare di creare l'array intermedio:

function* entries(obj) {
    for (let key in obj)
        yield [key, obj[key]];
}

const map = new Map(entries({foo: 'bar'}));
map.get('foo'); // 'bar'

La risposta di Nils descrive come convertire gli oggetti in mappe, cosa che ho trovato molto utile. Tuttavia, l'OP si stava anche chiedendo dove fossero queste informazioni nei documenti MDN. Anche se potrebbe non essere presente quando la domanda è stata inizialmente posta, ora si trova nella pagina MDN per Object.entries () sotto l'intestazione Conversione di un oggetto in una mappa che afferma:

Conversione di un oggetto in una mappa

Il new Map()costruttore accetta un iterabile di entries. Con Object.entries, puoi convertire facilmente da Objecta Map:

const obj = { foo: 'bar', baz: 42 }; 
const map = new Map(Object.entries(obj));
console.log(map); // Map { foo: "bar", baz: 42 }

const myMap = new Map(
    Object
        .keys(myObj)
        .map(
            key => [key, myObj[key]]
        )
)

In alternativa puoi utilizzare il metodo lodash toPairs :

const _ = require('lodash');
const map = new Map(_.toPairs({foo: 'bar'}));

ES6

converti oggetto in mappa:

const objToMap = (o) => new Map(Object.entries(o));

converti mappa in oggetto:

const mapToObj = (m) => [...m].reduce( (o,v)=>{ o[v[0]] = v[1]; return o; },{} )

Nota: la funzione mapToObj presuppone che le chiavi della mappa siano stringhe (altrimenti fallirà)

Con l'aiuto di alcuni JQuery,

const myMap = new Map();
$.each( obj, function( key, value ) {
myMap[key] = value;
});