JavaScript - Set.entries() 方法

JavaScript 中的 Set.entries() 方法將返回一個新的迭代器物件，該物件包含 Set 物件中每個元素的 [value, value] 對陣列，按照插入順序排列。

語法

以下是 JavaScript Set.entries() 方法的語法：

entries()

引數

此方法不接受任何引數。

返回值

此方法返回一個新的可迭代迭代器物件。

示例

示例 1

在以下示例中，entries() 方法返回一個迭代器，for...of 迴圈遍歷這些條目並列印它們。

<html>
<body>
   <script>
      const mySet = new Set(["One", "Two", "Three"]);
      const iterator = mySet.entries();

      for (const entry of iterator) {
         document.write(`Result: ${[...entry]} <br>`);
      }
   </script>
</body>
</html>

如果我們執行上述程式，迭代器物件將包含一個數組，其中鍵和值都具有相同的值。

示例 2

在此示例中，使用重複和唯一數字建立了一個 Set。entries() 方法返回一個迭代器，並且展開運算子用於將迭代器轉換為唯一的 [value, value] 對陣列，丟棄重複項。

<html>
<body>
   <script>
      const uniqueNumbers = new Set([1, 2, 3, 2, 4, 5]);
      const uniqueEntries = uniqueNumbers.entries();
      document.write([...uniqueEntries]);
   </script>
</body>
</html>

我們可以看到輸出，將返回一個唯一的 [value, value] 對陣列。

示例 3

在這裡，我們使用 next() 方法檢索第一個條目，該條目是一個數組，其元素既是鍵又是值。

<html>
<body>
   <script>
      const colors = new Set(['red', 'green', 'blue']);
      const entries = colors.entries();
      document.write(entries.next().value, "<br>");
      document.write(entries.next().value, "<br>");
      document.write(entries.next().value);
   </script>
</body>
</html>

如果我們執行程式，它將返回 [value, value] 對。

列印頁面