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>

如果我们执行上述程序，它将返回一个包含集合中每个值的数组。

打印页面
上一个
下一个
广告