JavaScript - Set.forEach() 方法

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

语法

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

forEach(callbackFn, thisArg)

参数

此方法仅接受两个参数。如下所示:-

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

返回值

此方法返回 none(未定义)。

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