JavaScript - Set.forEach() 方法

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

语法

以下是 JavaScript Set.forEach() 方法的语法：

forEach(callbackFn, thisArg)

参数

此方法只接受两个参数。具体说明如下：

callbackFn − 这是为集合中的每个元素执行的函数，它接受三个参数
- value − 正在处理的当前元素。
- key − 每次迭代的键。它始终与 value 相同。
- set − 正在迭代的集合。
thisArg (可选) − 在执行回调函数时用作 this 的值。

返回值

此方法不返回任何值 (undefined)。

JavaScript Set.forEach() 方法示例

以下示例演示了 Set.forEach() 方法的基本用法：

示例 1

在下面的示例中，我们使用 JavaScript Set.forEach() 方法迭代 "mySet" 集合中的每个元素并打印它们：

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

程序执行后，可以看到集合中的所有元素都被打印出来了。

示例 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 并存储在新集合中。

打印页面