Bản đồ và Đối tượng trong ES6, Sử dụng khi nào?

Question 1

Sử dụng bản đồ trên các đối tượng khi các khóa không xác định cho đến thời gian chạy và khi tất cả các khóa là cùng một loại và tất cả các giá trị là cùng một loại.

Sử dụng các đối tượng khi có logic hoạt động trên các phần tử riêng lẻ.

Câu hỏi:

Ví dụ áp dụng về việc sử dụng Bản đồ trên các đối tượng là gì? cụ thể là "khi nào các khóa sẽ không xác định cho đến thời gian chạy?"

var myMap = new Map();

var keyObj = {},
    keyFunc = function () { return 'hey'},
    keyString = "a string";

// setting the values
myMap.set(keyString, "value associated with 'a string'");
myMap.set(keyObj, "value associated with keyObj");
myMap.set(keyFunc, "value associated with keyFunc");

console.log(myMap.get(keyFunc));

Question 2

Ví dụ áp dụng về việc sử dụng Bản đồ trên các đối tượng là gì?

Tôi nghĩ rằng bạn đã đưa ra một ví dụ điển hình: Bạn ít nhất cần sử dụng Maps khi bạn đang sử dụng các đối tượng (bao gồm các đối tượng Hàm) làm khóa.

cụ thể là "khi nào các khóa sẽ không xác định cho đến thời gian chạy?"

Bất cứ khi nào chúng không được biết vào thời gian biên dịch. Tóm lại, bạn nên luôn sử dụng a Mapkhi cần thu thập khóa-giá trị . Một chỉ báo tốt rằng bạn cần một bộ sưu tập là khi bạn thêm và xóa động các giá trị khỏi bộ sưu tập và đặc biệt là khi bạn không biết trước các giá trị đó (ví dụ: chúng được đọc từ cơ sở dữ liệu, do người dùng nhập vào, v.v.).

Ngược lại, bạn nên sử dụng các đối tượng khi bạn biết đối tượng có bao nhiêu và thuộc tính nào trong khi viết mã - khi hình dạng của chúng là tĩnh. Như @Felix đã nói: khi bạn cần một bản ghi . Một chỉ báo tốt để cần điều đó là khi các trường có các kiểu khác nhau và khi bạn không bao giờ cần sử dụng ký hiệu dấu ngoặc (hoặc mong đợi một tập hợp giới hạn tên thuộc tính trong đó).

Question 3

Tôi nghĩ rằng với ES2015, Mapchỉ còn lại hai lý do để sử dụng các đối tượng đơn giản:

Bạn không muốn lặp lại các thuộc tính của một loại đối tượng
hoặc bạn làm nhưng thứ tự thuộc tính không quan trọng và bạn có thể phân biệt chương trình với mức dữ liệu khi lặp lại

Khi nào thứ tự tài sản không quan trọng?

nếu bạn chỉ có một giá trị duy nhất và một số hàm phải được liên kết rõ ràng với nó (như Promise- là proxy cho giá trị trong tương lai - và then/ catch)
nếu bạn có cấu trúc dữ liệu giống như cấu trúc / bản ghi với một tập hợp các thuộc tính tĩnh được biết đến tại "thời gian biên dịch" (thường cấu trúc / bản ghi không thể lặp lại)

Trong tất cả các trường hợp khác, bạn có thể cân nhắc việc sử dụng Map, vì nó bảo toàn thứ tự thuộc tính và tách chương trình (tất cả các thuộc tính được gán cho Mapđối tượng) khỏi mức dữ liệu (tất cả các mục trong Mapchính nó).

Hạn chế của là Mapgì?

bạn mất cú pháp chữ đối tượng ngắn gọn
bạn cần các trình thay thế tùy chỉnh cho JSON.stringyfy
bạn mất cấu trúc hủy, điều này hữu ích hơn với cấu trúc dữ liệu tĩnh

Question 4

Sử dụng bản đồ trên các đối tượng khi các khóa không xác định cho đến thời gian chạy và khi tất cả các khóa là cùng một loại và tất cả các giá trị là cùng một loại.

Tôi không biết tại sao ai đó lại viết một cái gì đó rõ ràng là sai. Tôi phải nói rằng, ngày càng có nhiều người tìm thấy nội dung sai và / hoặc có vấn đề trên MDN ngày càng nhiều.

Không có gì trong câu đó là đúng. Lý do chính để sử dụng bản đồ là khi bạn muốn các khóa có giá trị đối tượng. Ý tưởng rằng các giá trị phải cùng một kiểu là vô lý - mặc dù tất nhiên chúng có thể là như vậy. Ý tưởng rằng người ta không nên sử dụng các đối tượng khi các khóa chưa biết cho đến khi thời gian chạy cũng vô lý như nhau.

Question 5

Một trong những điểm khác biệt giữa Mapvà Objectlà:

Mapcó thể sử dụng kiểu dữ liệu phức tạp làm khóa của nó. như thế này:

const fn = function() {}
const m = new Map([[document.body, 'stackoverflow'], [fn, 'redis']]);

m.get(document.body) // 'stackoverflow'
m.get(fn) //'redis'

coi chừng: Đối với kiểu dữ liệu phức tạp, Nếu bạn muốn nhận giá trị, bạn phải chuyển cùng một tham chiếu với khóa.

Object, nó chỉ chấp nhận kiểu dữ liệu đơn giản ( number, string) làm khóa của nó.

const a = {};
a[document.body] = 'stackoverflow';

console.log(a) //{[object HTMLBodyElement]: "stackoverflow"}

Question 6

Câu hỏi này là một bản sao của nhưng cho đến khi nó đóng cửa, đây là câu trả lời của tôi từ đó :

Ngoài các câu trả lời khác, tôi nhận thấy rằng Maps khó sử dụng và dài dòng hơn để vận hành với các đối tượng.

obj[key] += x
// vs.
map.set(map.get(key) + x)

Điều này rất quan trọng, vì mã ngắn hơn thì đọc nhanh hơn, diễn đạt trực tiếp hơn và lưu giữ trong đầu của lập trình viên tốt hơn .

Một khía cạnh khác: bởi vì set () trả về bản đồ, không phải giá trị, nên không thể thực hiện chuỗi các phép gán.

foo = obj[key] = x;  // Does what you expect
foo = map.set(key, x)  // foo !== x; foo === map

Gỡ lỗi bản đồ cũng khó hơn. Dưới đây, bạn thực sự không thể nhìn thấy những phím nào trong bản đồ. Bạn phải viết mã để làm điều đó.

Các đối tượng có thể được đánh giá bởi bất kỳ IDE nào:

Question 7

Objects tương tự như Maps ở chỗ cả hai đều cho phép bạn đặt khóa cho các giá trị, truy xuất các giá trị đó, xóa khóa và phát hiện xem có thứ gì đó được lưu trữ trong khóa hay không. Bởi vì điều này (và bởi vì không có lựa chọn thay thế tích hợp sẵn), Objects đã được sử dụng trong Maplịch sử; tuy nhiên, có những điểm khác biệt quan trọng khiến việc sử dụng được Mapưu tiên trong một số trường hợp nhất định:

Các khóa của an Objectlà Strings và Symbols, trong khi chúng có thể là bất kỳ giá trị nào của a Map, bao gồm các hàm, đối tượng và bất kỳ nguyên thủy nào.
Các khóa trong Mapđược sắp xếp thứ tự trong khi các khóa được thêm vào đối tượng thì không. Do đó, khi lặp lại nó, một Mapđối tượng trả về các khóa theo thứ tự chèn.
Bạn có thể Mapdễ dàng nhận được kích thước của một thuộc sizetính, trong khi số lượng thuộc tính trong một Objectphải được xác định theo cách thủ công.
A Maplà một tệp có thể lặp lại và do đó có thể được lặp lại trực tiếp, trong khi việc lặp lại trên một Objectyêu cầu lấy các khóa của nó theo một cách nào đó và lặp lại chúng.
An Objectcó một nguyên mẫu, vì vậy có các khóa mặc định trong bản đồ có thể va chạm với các khóa của bạn nếu bạn không cẩn thận. Đối với ES5, điều này có thể được bỏ qua bằng cách sử dụng map = Object.create(null), nhưng điều này hiếm khi được thực hiện.
A Mapcó thể hoạt động tốt hơn trong các tình huống liên quan đến việc bổ sung và loại bỏ các cặp khóa thường xuyên.

MDN