ES6：Map 和 Set

Map

ES6新增Map类型对象：
说明：
Map 对象保存键值对，并且能够记住键的原始插入顺序。
任何值(对象或者原始值) 都可以作为一个键或一个值。
Objects 和 Maps 类似，它们都允许你按键存取值、删除键、检测一个键是否绑定了值。
过去我们一直都把对象当成 Maps 使用，不过 Maps 和 Objects 有一些重要的区别。
在下列情况里使用 Map 会是更好的选择：

项 目	Map	Object
额外键	不包含任何额外键，只包含明确声明的键	包含原型链中的键，声明时可能冲突
键类型	任何类型	字符串、Symbol
键顺序	按照插入顺序排序	无序（ES6字符串键有序，ES11继承属性有序，Symbol 键始终在字符串键后）
属性数	通过 size方法获取	手动计算
迭代	可直接被迭代	需获取键然后迭代
性能	在频繁增删键值对的场景下表现更好	在频繁添加和删除键值对的场景下未作出优化

方法：

• get(key) 不存在则返回undifined
• set(key, value) 返回 Map 对象
• has(key)
• delete(key) 返回值和 has 方法相同，存在返回 true，不存在返回 false
• clear()
• size()
• keys()
• values()
• entries()
• forEach(callback [, _this]) 如果声明了_this参数，它将被作为callback每次执行时的this

注意：

let myMap = new Map()

// 将 NaN 作为键名 
myMap.set(NaN, 'not a number')
myMap.get(NaN) // "not a number"

// 尽管 NaN !== NaN，作为 Map 键名时视为同一个键
let otherNaN = Number('foo')
myMap.get(otherNaN) // "not a number"
myMap.delete(otherNaN) // true

myMap.set(0, 'zero')
myMap.set(1, 'one')

// 使用 for ... of 迭代 Map
for (let [key, value] of myMap) {
  console.log(key + ' = ' + value)
} // 0 = zero 1 = one

for (let key of myMap.keys()) {
  console.log(key)
} // 0 1

for (let value of myMap.values()) {
  console.log(value)
} // zero one

for (let [key, value] of myMap.entries()) {
  console.log(key + ' = ' + value)
}  // 0 = zero 1 = one

// 复制 Map （浅拷贝）
myMap.set('obj',{ a: 'a' });
let clone = new Map(myMap);
console.log(clone.get(0)); // zero
console.log(clone.get(1)); // one
console.log(clone.get('obj')); // { a : "a" }
console.log(clone.get('obj') === myMap.get('obj')); // true 仅为浅拷贝
console.log(myMap === clone); // false 不为同一个对象的引用

// 不要直接设置 Map 对象的属性!!!
myMap['wrong'] = 'wrong'
// 尽管可以设置成功
console.log(myMap)  // Map {'wrong'=>'wrong'}
// 但会有意外错误引起混乱
myMap.has('wrong')    // false
myMap.delete('wrong') // false
console.log(wrongMap)  // Map {'wrong'=>'wrong'}

Set

Set对象是值的集合，允许存储任何类型的唯一值，无论是原始值或者是对象引用。
Set对象可以按照插入的顺序迭代其元素。

注意：NaN和undefined都可以被存储在Set 中， NaN之间被视为相同的值（NaN被认为是相同的，尽管 NaN !== NaN）
示例：

let mySet = new Set();

mySet.add(1); // Set [ 1 ]
mySet.add(5); // Set [ 1, 5 ]
mySet.add(5); // Set [ 1, 5 ] 5已经存在，add不会加入重复值，保证唯一性
mySet.add("some text"); // Set [ 1, 5, "some text" ]
mySet.add({a: 1, b: 2}); // Set [ 1, 5, "some text" , {…}]
let o = {a: 1, b: 2}; // o 和 {a: 1, b: 2} 指向的不同对象引用，add可以正常执行
mySet.add(o);  // Set [ 1, 5, "some text" ,{…},{…}]

mySet.has(1); // true
mySet.has(3); // false
mySet.has(5);  // true
mySet.has(Math.sqrt(25));  // true
mySet.has("Some Text".toLowerCase()); // true
mySet.has(o); // true

mySet.size; // 5

mySet.delete(5);  // true,  从set中移除5
mySet.has(5);     // false, 5已经被移除

mySet.size; // 4, 刚刚移除一个值

// 使用 Array.from 转换Set为Array
let myArr = Array.from(mySet); // [1, "some text", {"a": 1, "b": 2}, {"a": 1, "b": 2}]

// 使用 Array 创建 Set 将自动去重
let mySet2 = new Set([1, 2, 3, 4, 4]); // Set(4) [1, 2，3, 4]