ES6之前只有数组这样一种集合类型,现在新增了
set
、map
两种集合类型,set
可以想象为一种唯一的数组,里面的元素是唯一的,不会有重复的元素存在,只能添加一个元素一次,随后的添加操作中不会有作用,不同之处是不能通过索引值获取。
- 通过
new
关键字来创建一个Set
const colors = new Set();
- 通过
add
方法来添加元素,如果add
一个已存在的元素,会忽略操作。如果添加不同类型的值,也会同时存在,如:数字 5 和字符串 '5'
colors.add('yellow');
colors.add('red');
colors.add('blue');
console.log(colors); // Set(3) {"yellow", "red", "blue"}
- 通过
delete
方法删除一个元素
colors.delete('red'); // true
- 通过
has
方法检验一个元素是否存在
colors.has('yellow'); //true
- 可以通过
size
来获取长度
console.log(colors.size); // 3
- 可以通过
clear
方法来清空集合
colors.clear();
Set
是可以遍历的
// 通过 `values` 方法返回的是一个 `Iterator` 迭代对象
colors.values(); // SetIterator {"yellow", "red", "blue"}
可以用 for of
遍历集合
for (let color of colors){
console.log(color);
}
也可以用 forEach
方法来遍历
colors.forEach((item ,key ,ownSet)=>{
console.log(item ,key ,ownSet);
})
- 可以通过初始化创建
Set
const fruits = new Set(['apple', 'banana', 'mongo']);
- 可以通过
Set
对数组进行去重
const numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
const numberSet = new Set(numbers);
- 可以通过扩展运算符让
Set
转化为数组
const uniqueNumbers = [...numberSet];