Como converter um objeto simples em um mapa ES6?

Por algum motivo, não consigo encontrar essa coisa simples nos documentos MDN (talvez eu esteja apenas perdendo).

Eu esperava que isso funcionasse:

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

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

... mas a primeira linha joga TypeError: (var)[Symbol.iterator] is not a function

Como faço um mapa de um objeto simples? Eu realmente preciso primeiro convertê-lo em uma matriz de matrizes de pares de valores-chave?

Sim, o Mapconstrutor usa uma matriz de pares de valores-chave.

Object.entriesé um novo método estático do objeto disponível no ES2017 (19.1.2.5) .

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

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

Atualmente está implementado no Firefox 46+ e Edge 14+ e em versões mais recentes do Chrome

Se você precisar oferecer suporte a ambientes mais antigos e a transpilação não for uma opção para você, use um polyfill, como o recomendado por georg:

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

Por favor, veja a resposta de nils usandoObject.entries e / ou a resposta de bergi usando uma função de gerador . Embora Object.entriesainda não estivesse nas especificações quando a pergunta foi feita, estava no estágio 4 , portanto, seguro para polyfill e uso em abril de 2016 (apenas). (Mais sobre os estágios aqui .) E as funções do gerador estavam no ES2015. O OP pediu especificamente para evitar intermediários e, embora o gerador não evite completamente isso, ele faz um trabalho melhor do que o abaixo ou (ligeiramente) Object.enties.

FWIW, usando Object.entries:

• Cria uma matriz de [name, value]matrizes para passar paranew Map
• O Mapconstrutor chama uma função na matriz para obter um iterador; a matriz cria e retorna um objeto interator de matriz.
• O Mapconstrutor usa esse objeto iterador para obter as entradas (os [name, value]arrays) e construir o mapa

Usando o gerador:

• Cria um objeto gerador como resultado da chamada da função do gerador
• O Mapconstrutor chama uma função nesse objeto gerador para obter um iterador dele; o objeto gerador retorna a si mesmo
• O Mapconstrutor usa o objeto gerador (como um iterador) para obter as entradas (os [name, value]arrays) e construir o mapa

Portanto: Um intermediário a menos (a matriz de Object.entries).

No entanto, usar Object.entriesé mais simples e criar essa matriz não é um problema 99,999% do tempo. Então, realmente, qualquer um. Mas ambos são melhores do que os de baixo. :-)

Resposta original:

Para inicializar um Map, você pode usar qualquer iterador que retorne pares de chave / valor como matrizes, como uma matriz de matrizes:

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

Não há conversão integrada de objeto em mapa, mas é facilmente feita com Object.keys:

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

Você pode, é claro, atribuir a si mesmo uma função de trabalhador para cuidar disso:

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

Então

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

Ou aqui está uma versão mais l33t (isso ainda é uma coisa?):

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

(Sim, Map#setretorna a referência do mapa. Alguns diriam que isso é um abuso de reduce.)

Ou podemos realmente exagerar na obscuridade:

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

Não, eu nunca faria isso de verdade. :-)

Eu realmente preciso primeiro convertê-lo em uma matriz de matrizes de pares de valores-chave?

Não, um iterador de matrizes de pares de valores-chave é suficiente. Você pode usar o seguinte para evitar a criação da matriz intermediária:

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

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

A resposta de Nils descreve como converter objetos em mapas, o que achei muito útil. No entanto, o OP também estava se perguntando onde essas informações estão nos documentos MDN. Embora possa não estar lá quando a pergunta foi feita originalmente, agora está na página MDN de Object.entries () sob o título Convertendo um Objeto em um Mapa que afirma:

Convertendo um objeto em um mapa

O new Map()construtor aceita um iterável de entries. Com Object.entries, você pode converter facilmente de Objectpara 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]]
        )
)

Como alternativa, você pode usar o método Lodash toPairs :

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

ES6

converter objeto em mapa:

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

converter mapa em objeto:

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

Observação: a função mapToObj assume que as teclas do mapa são strings (caso contrário, falhará)

Com a ajuda de um pouco de JQuery,

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