JavaScript - Set.values() 方法

JavaScript 中的 Set.values() 方法返回一個迭代器物件，該物件包含集合中所有值，其順序與插入順序相同。此迭代器可用於使用迴圈或 next() 等方法迭代 Set 的值。此方法允許您訪問儲存在集合中的元素，而無需依賴鍵或索引。

此方法的工作方式類似於 keys() 方法。

語法

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

values()

引數

此方法不接受任何引數。

返回值

此方法返回一個迭代器物件，其中包含 Set 中所有值，其順序與插入順序相同。

示例

示例 1

在下面的示例中，我們使用 keys() 方法迭代 Set 物件的值，並使用 for...of 迴圈從 keys() 方法的結果中列印它們。

<html>
<body>
   <script>
      const set = new Set();
      set.add('a');
      set.add('b');
      set.add('c');
      
      const iterator = set.values();
      for (const value of iterator) {
         document.write(value, "<br>");
      }
   </script>
</body>
</html>

如果我們執行上述程式，它將列印集合中的每個值。

示例 2

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

<html>
<body>
   <script>
      const mySet = new Set(["apple", "banana", "orange"]);
      const iterator = mySet.values();
      document.write(iterator.next().value);
      document.write(iterator.next().value);
      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>

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

列印頁面