1. 程式人生 > 實用技巧 >5-ES6之Map 與 Set

5-ES6之Map 與 Set

Map 物件

Map 物件儲存鍵值對。任何值(物件或者原始值) 都可以作為一個鍵或一個值。

Maps 和 Objects 的區別

  • 一個 Object 的鍵只能是字串或者 Symbols,但一個 Map 的鍵可以是任意值。
  • Map 中的鍵值是有序的(FIFO 原則),而新增到物件中的鍵則不是。
  • Map的鍵值對個數可以從 size 屬性獲取,而Object的鍵值對個數只能手動計算。
  • Object 都有自己的原型,原型鏈上的鍵名有可能和你自己在物件上的設定的鍵名產生衝突。

1)Map 中的 key

key 是字串;key 是物件;key 是函式;key 是 NaN

2)Map 的迭代:or...of;forEach()

Map 與 Array的轉換;Map 與 Array的轉換;Map 的克隆;Map 的合併

Set 物件

Set 物件允許你儲存任何型別的唯一值,無論是原始值或者是物件引用。

Set 中的特殊值

Set 物件儲存的值總是唯一的,所以需要判斷兩個值是否恆等。有幾個特殊值需要特殊對待:

  • +0 與 -0 在儲存判斷唯一性的時候是恆等的,所以不重複;
  • undefined 與 undefined 是恆等的,所以不重複;
  • NaN 與 NaN 是不恆等的,但是在 Set 中只能存一個,不重複。
Set 物件作用
陣列去重

var mySet = new Set([1, 2, 3, 4, 4]);
[...mySet]; // [1, 2, 3, 4]
並集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var union = new Set([...a, ...b]); // {1, 2, 3, 4}
交集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var intersect = new Set([...a].filter(x => b.has(x))); // {2, 3}
差集

var a = new Set([1, 2, 3]);
var b = new Set([4, 3, 2]);
var difference = new Set([...a].filter(x => !b.has(x))); // {1}

  參靠:https://www.runoob.com/w3cnote/es6-map-set.html