## Set和Map数据结构 > 1.Set 2.Map 3.for of遍历 ### Set ES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复值。 Set 本身是一个构造函数，用来生成 Set 数据结构。 ~~~ const s = new Set(); [2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); for (let i of s) { console.log(i); } // 2 3 5 4 ~~~ ~~~ // 例一 const set = new Set([1, 2, 3, 4, 4]); [...set] // [1, 2, 3, 4] // 例二 const items = new Set([1, 2, 3, 4, 5, 5, 5, 5]); items.size // 5 ~~~ ~~~ // 去除数组的重复成员 [...new Set(array)] ~~~ ~~~ let set = new Set(); let a = NaN; let b = NaN; set.add(a); set.add(b); set // Set {NaN} ~~~ **Set 结构的实例有以下属性** Set.prototype.constructor：构造函数，默认就是Set函数。 Set.prototype.size：返回Set实例的成员总数 **Set 实例的属性和方法** add(value)：添加某个值，返回 Set 结构本身。 delete(value)：删除某个值，返回一个布尔值，表示删除是否成功。 has(value)：返回一个布尔值，表示该值是否为Set的成员。 clear()：清除所有成员，没有返回值。 **Set 结构的实例有四个遍历方法，可以用于遍历成员** keys()：返回键名的遍历器 values()：返回键值的遍历器 entries()：返回键值对的遍历器 forEach()：使用回调函数遍历每个成员 ### Map ~~~ const m = new Map(); const o = {p: 'Hello World'}; m.set(o, 'content') m.get(o) // "content" m.has(o) // true m.delete(o) // true m.has(o) // false ~~~ ~~~ let map = new Map(); map.set(-0, 123); map.get(+0) // 123 map.set(true, 1); map.set('true', 2); map.get(true) // 1 map.set(undefined, 3); map.set(null, 4); map.get(undefined) // 3 map.set(NaN, 123); map.get(NaN) // 123 ~~~ ### for of遍历 我们已经知道的遍历方法 ~~~ var arr = ['a','b','c']; for(var i=0;i<arr.length;i++){ console.log(arr[i]) } // abc for(var j in arr){ console.log(j) } // 012 arr.forEach((m)=>{ console.log(m) }) // abc ~~~ ~~~ for(let k of arr){ console.log(k) } // abc ~~~ > 具备iterator接口的对象都是可以使用for of来进行遍历的 遍历器（Iterator）是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员） Iterator的作用有三个：一是为各种数据结构，提供一个统一的、简便的访问接口；二是使得数据结构的成员能够按某种次序排列；三是ES6创造了一种新的遍历命令for...of循环，Iterator接口主要供for...of消费 有三类数据结构原生具备Iterator接口：数组、某些类似数组的对象、Set和Map结构# ### 课后习题 1.下面的代码运行后的结果是什么？ ~~~ let set = new Set(); set.add({}); set.add({}); console.log(set.size) ~~~ ~~~ let map = new Map(); let a = {}; map.set(a,'hello'); console.log(map.has({})); ~~~