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 並存儲在新集合中。

廣告