JavaScript - Map.values（） 方法

上一页
下一页

JavaScript 中的 Map.values（） 方法不接受任何参数，并返回一个新的迭代器对象，该对象按插入顺序包含 Map 对象中存在的每个元素的值。Map 对象是键值对的集合，其中每个键都是唯一的，可以是任何数据类型，每个值也可以是任何数据类型。

values（） 方法几乎兼容所有浏览器，例如 Chrome、Edge、FireFox、Opera 和 Safari。

语法

以下是 JavaScript Map values（） 方法的语法 -


 values()

参数

此方法不接受任何参数。

返回值

此方法返回一个新的 Iterator 对象，其中包含按插入顺序排列的 Map 中每个元素的值。

示例 1

在下面的示例中，我们使用 Map.values（） 方法遍历 Map 对象中每个元素的“值”，并使用 for...of 循环 -


<html>
<body>
   <script>
      const map = new Map();
      map.set('a', 'apple');
      map.set('b', 'banana');
      map.set('c', 'cherry');
      
      const Iterator = map.values();
      for (let value of Iterator) {
         document.write(value, "<br>");
      }
   </script>
</body>
</html>

上面的程序返回一个新的 set iterator 对象 “Iterator”，它按插入顺序包含此 Map 中每个元素的 “values”。

示例 2

在此示例中，我们使用 values（） 方法为 Map 中的值创建迭代器。然后，我们使用迭代器上的 next（） 方法手动检索每个 value 元素 -


<html>
<body>
   <script>
      const map = new Map();
      
      map.set('a', 'apple');
      map.set('b', 'banana');
      map.set('c', 'cherry');
      
      const iterator = map.values();
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().value);
   </script>
</body>
</html>

如果我们执行上述程序，它会按插入顺序打印集合中的每个 “value”。

示例 3

在这里，Map 对象是空的，我们尝试使用迭代器上的 next（） 方法检索元素 -


<html>
<body>
   <script>
      const map = new Map();
      const iterator = map.values();
      document.write(iterator.next().value);
   </script>
</body>
</html>

它返回 “undefined” 作为结果。

示例 4

在此示例中，“iterator.next（）.done” 将返回 “true”，这表示没有更多值存在 -


<html>
<body>
   <script>
      const map = new Map();
      map.set('a', 'apple');
      map.set('b', 'banana');
      map.set('c', 'cherry');
      
      const iterator = map.values();
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().done);
   </script>
</body>
</html>

如果我们执行上述程序，它会按插入顺序打印集合中存在的每个 “value”，并在集合中的所有值都完成后返回 “true”。

打印本页
上一页
下一页