Як перетворити звичайний об’єкт у карту ES6?

Чомусь я не можу знайти цю просту річ у документах MDN (можливо, я просто її відсутня).

Я очікував, що це спрацює:

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

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

... але перший рядок кидає TypeError: (var)[Symbol.iterator] is not a function

Як зробити карту з простого об'єкта? Чи справді мені потрібно спочатку перетворити його у масив масивів пар ключових значень?

Так, Mapконструктор приймає масив пар ключ-значення.

Object.entries- це новий статичний метод об'єкта, доступний у ES2017 (19.1.2.5) .

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

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

Зараз він реалізований у Firefox 46+ та Edge 14+ та новіших версіях Chrome

Якщо вам потрібна підтримка старих середовищ, і транспіляція не є для вас варіантом, використовуйте поліфункцію, наприклад, рекомендовану georg:

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

Будь ласка, дивіться відповіді нулів, використовуючиObject.entries та / або відповідь Бергі, використовуючи функцію генератора . Хоча Object.entriesще не було в специфіці, коли питання було задано, це було на 4 етапі , настільки безпечно для поліфазування та використання навіть у квітні 2016 року (просто). (Детальніше про етапи тут .) А функції генератора були в ES2015. ОП спеціально просило уникати посередників, і хоча генератор цього зовсім не уникає, він робить кращу роботу, ніж нижче або (трохи) Object.enties.

FWIW, використовуючи Object.entries:

• Створює масив [name, value]масивів для передачіnew Map
• MapКонструктор викликає функцію на масив , щоб отримати итератор; масив створює та повертає об’єкт інтегратора масиву.
• У Mapвикористовуєте конструктора , який итератор об'єкт , щоб отримати записи (в [name, value]масивах) і побудувати карту

Використання генератора:

• Створює об’єкт генератора в результаті виклику функції генератора
• MapКонструктор викликає функцію на цьому об'єкті генератора , щоб отримати итератор від нього; об’єкт генератора повертається сам
• MapКонструктор використовує об'єкт генератора ( в якості ітератора) , щоб отримати записи (в [name, value]масивах) і побудувати карту

Отже: Один менший посередник (масив від Object.entries).

Однак використання Object.entriesпростіше і створення цього масиву не є проблемою 99,999% часу. Так справді, будь-який. Але вони обидва кращі, ніж нижче. :-)

Оригінальна відповідь:

Для ініціалізації a Mapможна використовувати будь-який ітератор, який повертає пари ключів / значень як масиви, наприклад масив масивів:

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

Немає вбудованої конверсії від об’єкта до карти, але це легко зробити за допомогою Object.keys:

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

Звичайно, ви можете надати собі функцію працівника, щоб впоратися з цим:

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

Тоді

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

Або ось більш l33t-вигляд (це все-таки річ?) Версія:

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

(Так, Map#setповертає посилання на карту. Деякі стверджують , це abusage з reduce.)

Або ми дійсно можемо перейти за межі незрозумілості:

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

Ні, я б ніколи цього не робив по-справжньому. :-)

Чи справді мені потрібно спочатку перетворити його в масив масивів пар «ключ-значення»?

Ні, ітератора масивів пар ключ-значення достатньо. Ви можете використовувати наступне, щоб уникнути створення проміжного масиву:

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

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

Відповідь Нілса описує, як перетворити об’єкти на карти, що мені здалося дуже корисним. Однак, ОП також цікавилося, де ця інформація знаходиться в документах MDN. Хоча його, можливо, ще не було, коли запитання було задано спочатку, тепер він знаходиться на сторінці MDN для Object.entries () під заголовком Перетворення об’єкта на карту, де зазначено:

Перетворення об’єкта на карту

new Map()Конструктор приймає итератор з entries. З Object.entries, ви можете легко конвертувати Objectв 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]]
        )
)

Крім того, ви можете використовувати метод lodash toPairs :

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

ES6

конвертувати об'єкт у карту:

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

перетворити карту в об'єкт:

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

Примітка: функція mapToObj передбачає, що клавіші карти - це рядки (в іншому випадку вийде з ладу)

За допомогою деяких JQuery,

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