1. 首页
  2. JavaScript 菜鸟教程
  3. JavaScript - Set.forEach() 方法

JavaScript - Set.forEach() 方法

JavaScript 中的 Set.forEach（） 方法接受回调函数作为参数，并按插入顺序对集合中的每个元素执行一次。

语法

以下是 JavaScript Set.forEach（） 方法的语法 -


 forEach(callbackFn, thisArg)

参数

此方法只接受两个参数。下面描述相同 -

  • callbackFn −这是要为集合中的每个元素执行的函数，它需要三个参数：
    • value -当前正在处理的元素。
    • key -每次迭代的 Key 中。这始终与 value 相同。
    • set -正在迭代的集合。
  • thisArg（可选）-执行回调时用作此值的值。

返回值

此方法返回 none （undefined）。

JavaScript Set.forEach（） 方法示例

以下是 Set.forEach（） 方法的基本用法 -

示例 1

在下面的示例中，我们使用 JavaScript Set.forEach（） 方法遍历 “mySet” Set 中的每个元素并打印它们 -


<html>
<body>
	 	<script>
	 	 	 const mySet = new Set([1, 2, 3, 4]);
	 	 	 mySet.forEach((value) => {
	 	 	 	 	document.write(value);
	 	 	 });
	 	</script>
</body>
</html>

执行程序后，我们可以看到 set 中存在的所有元素都已打印。

示例 2

在这里，forEach（） 方法迭代 “mySet” 集合中的元素，对于每个元素，它将其乘以 2，并将结果存储在一个名为 “newArray” 的新集合中 -


<html>
<body>
	 	<script>
	 	 	 const mySet = new Set([1, 2, 3]);
	 	 	 const newArray = new Set();

	 	 	 mySet.forEach((value) => {
	 	 	 	 	newArray.add(value * 2);
	 	 	 });
	 	 	 const resultArray = Array.from(newArray);
	 	 	 document.write(resultArray);
	 	</script>
</body>
</html>

如果我们执行该程序，我们可以看到所有元素都乘以 2 并存储在一个新的集合中。

<< JavaScript - Set.entries() 方法 JavaScript - Set.has() 方法 >>