Adakah poin dalam menggunakan Peta ES6 saat semua kuncinya adalah string?

Kunci objek polos harus berupa string, sedangkan a Mapdapat memiliki kunci jenis apa pun.

Tetapi saya tidak banyak menggunakan ini dalam praktik. Di hampir semua kasus, saya tetap menggunakan string sebagai kunci. Dan mungkin new Map()lebih lambat dari {}. Jadi, apakah ada alasan lain mengapa mungkin lebih baik menggunakan Mapobjek biasa?

Ada beberapa alasan mengapa saya lebih suka menggunakan objek Maps over plain ( {}) untuk menyimpan data runtime (cache, dll):

1. The .sizeproperti membuat saya tahu berapa banyak entri ada dalam Peta ini;
2. Berbagai metode utilitas - .clear(), .forEach(), dll;
3. Mereka memberi saya iterator secara default!

Setiap kasus lain, seperti melewati argumen fungsi, menyimpan konfigurasi dan lain-lain, semuanya ditulis menggunakan objek polos.

Juga, ingat: Jangan mencoba mengoptimalkan kode Anda terlalu dini. Jangan buang waktu Anda melakukan tolok ukur objek biasa vs Peta kecuali proyek Anda mengalami masalah kinerja.

Saya tidak yakin tentang ini, tapi saya pikir kinerja BUKAN alasan untuk menggunakan Maps. Lihatlah halaman jsperf yang diperbarui ini:

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

Sepertinya (ketika berhadapan dengan string paling tidak) objek jauh lebih cepat daripada peta untuk pengaturan dasar dan mendapatkan.

Jawaban lain tidak menyebutkan satu perbedaan terakhir antara objek dan Maps:

The Mapobjek memegang pasangan kunci-nilai dan mengingat urutan penyisipan asli dari kunci .

Jadi, ketika iterasi di atasnya, objek Peta mengembalikan kunci dalam urutan penyisipan.

Kutipan dari MDN , beri penekanan pada saya

Ini adalah alasan utama saya memutuskan untuk menggunakan Mapuntuk pertama kalinya dalam proyek baru-baru ini. Saya memiliki objek normal yang perlu saya tampilkan di <table>, dengan setiap properti berada di baris tertentu.

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

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

Saya menulis fungsi untuk mengubah objek menjadi Mapsesuai dengan urutan kunci yang diinginkan:

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

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

    return map;
}

Maka peta bisa diulangi dalam urutan yang diinginkan:

let productMap = objectToMap( product, productPropertyOrder );

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

Tentu saja ini sedikit dibuat-buat karena orang bisa juga menampilkan ketika iterating atas urutan properti tanpa membuat Mapdalam proses:

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

Tetapi jika Anda memiliki larik objek seperti itu dan akan menampilkannya di banyak tempat, lalu mengonversinya semua menjadi peta terlebih dahulu masuk akal.