【壹题】【个人理解】4.介绍下 Set、Map、WeakSet 和 WeakMap 的区别？

Set ： 与数组类似，是无序的，内部不会有相同的值（相同的判断条件类似于 === ）

WeakSet ： 与Set的区别是，内部的值是弱引用，外部没有引用时会被垃圾回收机制干掉

Map：与Object类似，都是键值对的形式，区别在于键可以是任意类型的值，例如{ {‘a':123} : 444 }  以数组，对象为名都是可以得，用于存放数据。

WeakMap： 与Map的区别： 键名只能是对象， 并且键名是弱引用，会被回收，值是正常引用。

以上是个人理解，目前在实际中运用的还比较少，如有不对请指正。

参考文档：http://es6.ruanyifeng.com/#docs/set-map

壹题github与更多解答地址 

 

补充：

Set 可默认遍历，默认迭代器生成函数是 values() 方法

Set.prototype[Symbol.iterator] === Set.prototype.values	// true

所以， Set可以使用 map、filter 方法

let set = new Set([1, 2, 3])
set = new Set([...set].map(item => item * 2))
console.log([...set])	// [2, 4, 6]

set = new Set([...set].filter(item => (item >= 4)))
console.log([...set])	//[4, 6]

因此，Set 很容易实现交集（Intersect）、并集（Union）、差集（Difference）

let set1 = new Set([1, 2, 3])
let set2 = new Set([4, 3, 2])

let intersect = new Set([...set1].filter(value => set2.has(value)))
let union = new Set([...set1, ...set2])
let difference = new Set([...set1].filter(value => !set2.has(value)))

console.log(intersect)	// Set {2, 3}
console.log(union)		// Set {1, 2, 3, 4}
console.log(difference)	// Set {1}