JS中如何获取到.set()集合中的数据，并能拿出来遍历数组使用？！

在 JavaScript 中，Set 是一个集合类型，它只允许存储唯一的值。要获取 Set 中的数据并进行遍历，可以使用多种方法。下面详细介绍如何从 Set 中获取数据并将其转换为数组以进行遍历。

1. 基本概念

Set 对象是 ES6 引入的，用于存储唯一值的集合。可以通过以下方法从 Set 中获取数据：

• forEach(): 用于遍历 Set 中的每一个元素。
• values(): 返回一个新的 Iterator 对象，包含 Set 对象中的每个元素。
• 扩展运算符: 可以将 Set 转换为数组。
• Array.from(): 也可以将 Set 转换为数组。

2. 示例代码

2.1 使用 forEach() 遍历 Set

javascript
复制代码
// 创建 Set 对象
const mySet = new Set([1, 2, 3, 4, 5]);

// 使用 forEach() 遍历
mySet.forEach(value => {
    console.log(value);  // 输出每个元素
});

2.2 使用 values() 方法

javascript
复制代码
// 创建 Set 对象
const mySet = new Set([1, 2, 3, 4, 5]);

// 使用 values() 方法获取迭代器
const iterator = mySet.values();

// 遍历迭代器
for (const value of iterator) {
    console.log(value);  // 输出每个元素
}

2.3 使用扩展运算符转换为数组

javascript
复制代码
// 创建 Set 对象
const mySet = new Set([1, 2, 3, 4, 5]);

// 将 Set 转换为数组
const myArray = [...mySet];

// 遍历数组
myArray.forEach(value => {
    console.log(value);  // 输出每个元素
});

2.4 使用 Array.from() 转换为数组

javascript
复制代码
// 创建 Set 对象
const mySet = new Set([1, 2, 3, 4, 5]);

// 将 Set 转换为数组
const myArray = Array.from(mySet);

// 遍历数组
myArray.forEach(value => {
    console.log(value);  // 输出每个元素
});

3. 总结

• forEach(): 直接遍历 Set 中的元素。
• values(): 获取一个迭代器并遍历。
• 扩展运算符: 将 Set 转换为数组以进行遍历。
• Array.from(): 另一种将 Set 转换为数组的方法。

这些方法可以帮助你获取 Set 中的元素并在需要时进行遍历和处理。

关键字

JavaScript, Set, forEach(), values(), 扩展运算符, Array.from(), 转换为数组, 遍历, 唯一值