JavaScript - Set.keys() 方法

上一個
下一個

Set.keys() 方法在 JavaScript 中返回一個迭代器物件，該物件包含 Set 物件中元素的值，並按照插入順序排列。

此方法是 JavaScript values() 方法的別名。

語法

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

keys()

引數

此方法不接受任何引數。

返回值

此方法返回一個迭代器物件，該物件包含集合中元素的值，並按照插入順序排列。

示例

示例 1

在以下示例中，我們使用 keys() 方法遍歷 Set 物件的元素，並使用 for...of 迴圈從 keys() 方法的結果中列印它們。

<html>
<body>
   <script>
      const set = new Set();
      set.add('apple');
      set.add('banana');
      set.add('cherry');
      
      const iterator = set.keys();
      for (const value of iterator) {
         document.write(value, "<br>");
      }
   </script>
</body>
</html>

上述程式返回一個新的 Set 迭代器物件“iterator”，該物件包含此 Set 中的值，並按照插入順序排列。

示例 2

在此示例中，我們使用 keys() 方法為 Set 中的值建立一個迭代器。然後，我們使用迭代器上的 next() 方法手動檢索每個值。

<html>
<body>
   <script>
      const set = new Set();
      set.add('a');
      set.add('b');
      set.add('c');
      
      const iterator = set.keys();
      
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().value);
   </script>
</body>
</html>

如輸出所示，它返回了集合中存在的每個值。

示例 3

在以下示例中，我們使用展開運算子 (...) 將 values() 方法返回的迭代器轉換為一個包含集合所有值的陣列。

<html>
<body>
   <script>
      const mySet = new Set(["apple", "banana", "orange"]);
      const valuesArray = [...mySet.values()];
      document.write(valuesArray);
   </script>
</body>
</html>

如果我們執行上述程式，它將返回一個包含集合中每個值的陣列。

列印頁面
上一個
下一個
廣告