JavaScript 如何迭代Set元素

Set()对象是一组不同的值。集合是唯一元素的集合，即集合中的元素不能重复出现。因为ES6中的集合是有序的，所以可以按插入顺序迭代集合的项。集合中既可以存储对象，也可以存储基本值。

我们可以使用以下方法在JavaScript中迭代集合元素：

使用for…of循环
使用forEach()方法
使用Array.from()和for循环方法

方法1：使用for…of循环

for…of循环遍历可迭代对象（如Array、Map、Set、arguments对象等），通过调用自定义迭代钩子来执行每个不同属性值的语句。

语法：

for (const value of mySet) {  
    ...  
}

示例： 此示例展示了在JavaScript中使用for…of循环迭代集合元素的方法。

JavaScript

const mySet = new Set();
 
mySet.add("Virat");
mySet.add("Rohit");
mySet.add("Rahul");
 
for (const value of mySet) {
    console.log(value);
}

输出

Virat
Rohit
Rahul

方式2：使用forEach()方法

arr.forEach() 方法会对数组的每个元素调用提供的函数一次。提供的函数可以对给定数组的元素执行任何操作。

语法：

set.forEach(function (parameter) {  
      ...  
});

示例： 在这里，我们使用forEach方法来迭代我们的集合元素。

Javascript

const Data = new Set();
 
Data.add("Delhi");
Data.add("Noida");
Data.add("Gurgaon");
 
Data.forEach(function (value) {
    console.log(value);
});

输出

Delhi
Noida
Gurgaon

方法3：使用Array.from()和for循环方法

在这种方法中，我们将使用array.from()方法将集合转换为数组，然后使用for循环进行迭代。

示例：

Javascript

// Initialize a Set object
// using Set() constructor
let myset = new Set()
 
// Insert new elements in the
// set using add() method
myset.add(3);
myset.add(2);
myset.add(9);
myset.add(6);
 
// Print the values stored in set
console.log(myset);
 
const myArray = Array.from(myset);
for (let i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

输出