JavaScript - Set.values（）方法

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>

如果我们执行上面的程序，它会返回一个包含集合中每个值的数组。

打印本页

JavaScript - Set.values（） 方法

语法

参数

返回值

示例 1

示例 2

示例 3

JavaScript - Set.values（）方法