Javascript ES6中对象类型Sets的介绍与使用详解

Javascript ES6中对象类型Sets的介绍与使用详解

1. 什么是Sets？

Sets是JavaScript中的一种数据结构，它是一个集合，存储不重复的数据。和数组相似，它也是一组有序的数据，但是它有以下区别：
- Sets中的数据是唯一的
- Sets中的数据是无序的

2. Sets常用的方法

2.1 创建一个Set

可以利用new Set()来创建一个空的Set，也可以使用一个数组来初始化一个Set。示例代码如下：

const set1 = new Set([1, 2, 3, 4, 5]);
console.log(set1); // 输出: Set {1, 2, 3, 4, 5}

2.2 Set添加元素

使用add方法可以向一个Set中添加元素。示例代码如下：

const set2 = new Set();
set2.add('a');
set2.add('b');
set2.add('c');
console.log(set2); // 输出: Set {'a', 'b', 'c'}

2.3 Set删除元素

使用delete方法可以删除Set中的一个元素。示例代码如下：

set2.delete('b');
console.log(set2); // 输出: Set {'a', 'c'}

2.4 Set遍历元素

有三种方法可以遍历Set中的元素，分别是for…of循环、forEach方法和迭代器。示例代码如下：

const set3 = new Set(['a', 'b', 'c']);
for (const item of set3) {
  console.log(item);
}
// 输出：a b c 

set3.forEach(function (item) {
  console.log(item);
});
// 输出：a b c 

const iterator = set3.values();
console.log(iterator.next().value); // 输出：a
console.log(iterator.next().value); // 输出：b
console.log(iterator.next().value); // 输出：c

2.5 Set合并

使用Array.from和展开运算符可以将两个Set合并成一个。示例代码如下：

const set4 = new Set([1, 2, 3]);
const set5 = new Set([4, 5, 6]);
const set6 = new Set([...set4, ...set5]);
console.log(set6); // 输出: Set {1, 2, 3, 4, 5, 6}

3. Sets的优缺点

3.1 优点

• Sets中的数据不重复，适合用于数据去重
• Sets中的数据无序，适合用于无序的数据结构

3.2 缺点

• Sets没有索引，而Array有索引
• Sets消耗的空间和时间比Arrays大