Anahtarların tümü dize olduğunda ES6 Haritasını kullanmanın herhangi bir anlamı var mı?

Düz nesne tuşları dizge olmalıdır, oysa Mapki herhangi bir tür tuş olabilir.

Fakat pratikte bunun için çok az kullanımım var. Neredeyse tüm durumlarda kendimi zaten dizeleri anahtar olarak kullanırken buluyorum. Ve muhtemelen new Map()daha yavaş {}. Öyleyse Mapdüz bir nesne yerine bunun daha iyi kullanmasının başka bir nedeni var mı?

Çalışma zamanı verilerini (önbellekleri, vb.) Depolamak için Maps over düz nesneler ( {}) kullanmayı tercih etmemin bazı nedenleri var :

1. .sizeMülkiyet beni girişleri bu harita var kaç bilmesini sağlar;
2. Çeşitli yardımcı yöntemleri - .clear(), .forEach()vb;
3. Bana varsayılan olarak yineleyiciler sağlarlar!

Fonksiyon argümanlarını iletmek, konfigürasyonları saklamak, vb. Gibi diğer tüm durumlar düz nesneler kullanılarak yazılır.

Ayrıca, unutmayın: Kodunuzu çok erken optimize etmeye çalışmayın. Projeniz performans sorunları yaşamadıkça, haritalara karşı basit nesneleri kıyaslama yaparak Haritalar ile uğraşmayın.

Bundan emin değilim, ancak performansın Haritalar'ı kullanmak için bir neden olmadığını düşünüyorum. Bu güncellenmiş jsperf sayfasına bir göz atın:

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

Görünüşe göre (en azından dizelerle uğraşırken) nesneler temel ayar ve alma için haritalardan çok daha hızlıdır.

Diğer cevaplar nesneler ve nesneler arasındaki son farktan bahsetmiyor Map:

MapNesne anahtarının değer çiftlerini tutan ve şifreler orijinal ekleme talimatı hatırlar .

Bu nedenle, üzerinde yineleme yaparken, bir Map nesnesi, yerleştirme sırasına göre anahtarları döndürür.

MDN'den alıntı , benimkine vurgu

Bu, Mapyeni bir projede ilk defa kullanmaya karar vermemin ana sebebiydi . <table>Her özellik belirli bir satırda olacak şekilde, a'da görüntülemem gereken normal bir nesnem vardı .

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

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

Mapİstenen anahtar sırasına göre nesneyi dönüştürmek için bir işlev yazdım :

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

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

    return map;
}

Ardından, harita istenen sırada yinelenebilir:

let productMap = objectToMap( product, productPropertyOrder );

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

Tabii ki bu biraz tartışmalı çünkü bir emir yaratırken münasebet emri tekrarlanırken ortaya çıkabiliyor Map:

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

Ancak, bu tür nesnelerden oluşan bir diziniz varsa ve onları birçok yerde görüntüleyecekseniz, önce hepsini haritalara dönüştürmek mantıklı olur.