Skip to content

Latest commit

 

History

History
70 lines (59 loc) · 1.74 KB

21.set.md

File metadata and controls

70 lines (59 loc) · 1.74 KB

Set

ES6之前只有数组这样一种集合类型,现在新增了 setmap 两种集合类型,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];