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] 对。

打印页面