JavaScript 中的 Set.values() 方法返回一个迭代器对象,该对象按插入顺序包含集合中存在的所有值。此迭代器可用于使用循环或类似 next() 的方法迭代 Set 的值。此方法允许您访问存储在 set 中的元素,而无需依赖键或索引。
此方法的工作方式类似于 keys() 方法
语法
以下是 JavaScript Set.values() 方法的语法 -
values()
参数
此方法不接受任何参数。
返回值
此方法返回一个迭代器对象,其中包含按插入顺序设置中存在的所有值。
示例 1
在下面的示例中,我们将使用 keys() 方法遍历 Set 对象的值,并使用 for...of 循环。
<html>
<body>
<script>
const set = new Set();
set.add('a');
set.add('b');
set.add('c');
const iterator = set.values();
for (const value of iterator) {
document.write(value, "<br>");
}
</script>
</body>
</html>
如果我们执行上述程序,它会打印集合中存在的每个值。
示例 2
在此示例中,我们使用 values() 方法为 Set 中的值创建迭代器。然后,我们使用迭代器上的 next() 方法手动检索每个 value 元素。
<html>
<body>
<script>
const mySet = new Set(["apple", "banana", "orange"]);
const iterator = mySet.values();
document.write(iterator.next().value);
document.write(iterator.next().value);
document.write(iterator.next().value);
</script>
</body>
</html>
正如我们在输出中看到的那样,它返回了集合中存在的每个 value 元素。
示例 3
在下面的示例中,我们使用展开运算符 (...) 将 values() 方法返回的迭代器转换为包含集合的所有值的数组。
<html>
<body>
<script>
const mySet = new Set(["apple", "banana", "orange"]);
const valuesArray = [...mySet.values()];
document.write(valuesArray);
</script>
</body>
</html>
如果我们执行上面的程序,它会返回一个包含集合中每个值的数组。