Bất kỳ điểm nào trong việc sử dụng ES6 Map khi các khóa là tất cả các chuỗi?

Các khóa đối tượng đơn giản phải là các chuỗi, trong khi một Mapkhóa có thể có bất kỳ loại nào.

Nhưng tôi có ít sử dụng cho việc này trong thực tế. Trong hầu hết các trường hợp, tôi thấy mình sử dụng chuỗi làm khóa. Và có lẽ new Map()là chậm hơn {}. Vì vậy, có bất kỳ lý do khác tại sao nó có thể tốt hơn để sử dụng Mapthay vì một đối tượng đơn giản?

Có một số lý do tại sao tôi thích sử dụng Maps hơn các đối tượng đơn giản ( {}) để lưu trữ dữ liệu thời gian chạy (cache, v.v.):

1. Các .sizebất động sản cho phép tôi biết có bao nhiêu mục tồn tại trong Bản đồ này;
2. Các phương pháp tiện ích khác nhau - .clear(), .forEach(), vv;
3. Họ cung cấp cho tôi các vòng lặp theo mặc định!

Mọi trường hợp khác, như truyền đối số hàm, lưu cấu hình, v.v., đều được viết bằng các đối tượng đơn giản.

Ngoài ra, hãy nhớ: Đừng cố tối ưu hóa mã của bạn quá sớm. Đừng lãng phí thời gian của bạn để làm điểm chuẩn của đối tượng đơn giản so với Bản đồ trừ khi dự án của bạn đang gặp vấn đề về hiệu suất.

Tôi không chắc về điều này, nhưng tôi nghĩ rằng hiệu suất KHÔNG phải là lý do để sử dụng Bản đồ. Hãy xem trang jsperf cập nhật này:

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

Có vẻ như (khi xử lý chuỗi ít nhất) các đối tượng nhanh hơn nhiều so với bản đồ cho cài đặt cơ bản và nhận.

Các câu trả lời khác không đề cập đến một sự khác biệt cuối cùng giữa các đối tượng và Maps:

Đối Maptượng giữ các cặp khóa-giá trị và ghi nhớ thứ tự chèn ban đầu của các khóa .

Do đó, khi lặp qua nó, một đối tượng Map sẽ trả về các khóa theo thứ tự chèn.

Trích dẫn từ MDN , nhấn mạnh của tôi

Đây là lý do chính khiến tôi quyết định sử dụng Maplần đầu tiên trong một dự án gần đây. Tôi đã có một đối tượng bình thường mà tôi cần hiển thị trong một <table>, với mỗi thuộc tính đi theo một hàng cụ thể.

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

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

Tôi đã viết một hàm để biến đổi một đối tượng thành một Mapthứ tự khóa mong muốn:

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

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

    return map;
}

Sau đó, bản đồ có thể được lặp đi lặp lại theo thứ tự mong muốn:

let productMap = objectToMap( product, productPropertyOrder );

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

Tất nhiên điều này là một chút giả định bởi vì người ta cũng có thể hiển thị tốt khi lặp qua thứ tự thuộc tính mà không tạo ra Maptrong quá trình:

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

Nhưng nếu bạn có một loạt các đối tượng như vậy và sẽ hiển thị chúng ở nhiều nơi, thì việc chuyển đổi tất cả chúng thành bản đồ trước tiên có ý nghĩa.