ES6中的Set和Map数据结构究竟有何独特之处，能成为现代JavaScript编程的利器？

本文共计1097个文字，预计阅读时间需要5分钟。

目录 + Set + Map + 总结 + Set + ES6 + 提供了新的数据结构 + Set。Set 类似于数组，但成员值都是唯一的，没有重复。Set 本身是一个构造函数，用于创建 Set 数据结构。const s=new Set([2, 3, 5, 4]);

目录

• Set
• Map
• 总结

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

上面代码通过add()方法向 Set 结构加入成员，结果表明 Set 结构不会添加重复的值。

去除数组的重复成员

[...new Set('ababbc')].join('') // "abc"

向 Set 加入值的时候，不会发生类型转换，所以5和"5"是两个不同的值。Set 内部判断两个值是否不同，使用的算法叫做“Same-value-zero equality”，它类似于精确相等运算符（===），主要的区别是向 Set 加入值时认为NaN等于自身，而精确相等运算符认为NaN不等于自身。