Будь-який сенс використання ES6 Map, коли клавішами є всі рядки?

Прості клавіші об'єкта повинні бути рядками, тоді як у Mapклавіші "може бути" будь-якого типу.

Але я мало корисний для цього на практиці. Майже у всіх випадках я все одно користуюся рядками як клавішами. І, мабуть new Map(), повільніше, ніж {}. То чи є якась інша причина, чому може бути краще використовувати Mapзамість простого об'єкта?

Є деякі причини, чому я вважаю за краще використовувати Maps над простими об'єктами ( {}) для зберігання даних часу виконання (кеші тощо):

1. .sizeВластивість дозволяє мені знати , скільки існують записи в цій карті;
2. Різні методи корисності - .clear(), .forEach()і т.д .;
3. Вони надають мені ітератори за замовчуванням!

У кожному іншому випадку, як передача аргументів функції, зберігання конфігурацій та ін., Всі записуються за допомогою простих об'єктів.

Також пам’ятайте: не намагайтеся оптимізувати код занадто рано. Не витрачайте час на тестування простого об’єкта та карт, якщо ваш проект не має проблем із ефективністю.

Я не впевнений у цьому, але думаю, що ефективність НЕ є приводом для використання Карт. Подивіться на цю оновлену сторінку jsperf:

http://jsperf.com/es6-map-vs-object-properties/73

Схоже, що (при роботі хоча б з рядками) об'єкти набагато швидше, ніж карти для базового налаштування та отримання.

В інших відповідях не згадується остання різниця між об'єктами та Maps:

MapОб'єкт містить пари ключ-значення , і запам'ятовує вихідний порядок введення ключів .

Таким чином, під час ітерації над ним об’єкт Map повертає ключі в порядку вставки.

Цитата з MDN , моє наголос

Це було основною причиною, яку я вирішив Mapвперше використати в недавньому проекті. У мене був звичайний об’єкт, який мені потрібно було відобразити в a <table>, причому кожне властивість буде в певному рядку.

let productPropertyOrder = [ "name", "weight", "price", "stocked" ];

let product =
{
    name: "Lasagne",
    weight: "1kg",
    price: 10,
    stocked: true
}

Я написав функцію для перетворення об'єкта на Mapвідповідний бажаному порядку клавіш:

function objectToMap( obj, order )
{
    let map = new Map();

    for ( const key of order )
    {
        if ( obj.hasOwnProperty( key ) )
        {
            map.set( key, obj[ key ] );
        }
    }

    return map;
}

Тоді карту можна повторити в потрібному порядку:

let productMap = objectToMap( product, productPropertyOrder );

for ( const value of productMap.values() )
{
    let cell = document.createElement( "td" );
    cell.innerText = value;
    row.appendChild( cell );
}

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

for ( const key of productPropertyOrder )
{
    if ( product.hasOwnProperty( key ) )
    {
        let value = product[ key ];
        // create cell
    }
}

Але якщо у вас є масив таких об’єктів і ви збираєтесь відображати їх багато місць, то перетворення їх усіх на карти спочатку має сенс.