JavaScript - Map.set() 方法

JavaScript 中的Map.set()方法用于在 Map 对象中添加或更新键值对。它接受两个参数：键和值。如果键已存在于映射中，则与该键关联的值将更新为提供的新值。如果键不存在，则会将新的键值对添加到映射中。此方法返回 Map 对象本身，允许方法链。

此方法几乎与所有浏览器兼容，例如 Chrome、Edge、Firefox、Opera 和 Safari。

语法

以下是 JavaScript Map.set() 方法的语法：

set(key, value)

参数

此方法接受两个参数。具体说明如下：

key − 必须在 Map 对象中添加或更新的元素的键。键可以是任何值，包括对象或原始值。
value − 必须在 Map 对象中添加或更新的元素的值。值可以是任何类型，包括对象或原始值。

返回值

此方法返回 Map 对象本身。

示例

示例 1

在下面的示例中，我们使用 JavaScript Map.set() 方法向空的 Map 对象添加键值对。

我们使用 entries() 方法创建一个包含映射的键值对的迭代器对象。然后，使用 next() 方法从迭代器检索下一个键值对。

<html>
<body>
   <script>
      let map = new Map();
      map.set(1, 'apple');
      
      const iterator = map.entries();
      document.write(iterator.next().value);
   </script>
</body>
</html>

如果我们执行上述程序，它将返回提供的键值对作为结果。

示例 2

在下面的示例中，我们向空的 Map 对象中添加多个键值对：

<html>
<body>
   <script>
      let map = new Map();
      map.set(1, 'apple');
      map.set(2, 'banana');
      map.set(3, 'cherry');
      
      const iterator = map.entries();
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().value, "<br>");
      document.write(iterator.next().value);
   </script>
</body>
</html>

正如我们在下面的输出中看到的，所有提供的键值对都已添加到 Map 对象中。

示例 3

在这里，我们使用 JavaScript set() 方法更新现有键的值：

<html>
<body>
   <script>
      let map = new Map();
      map.set(1, 'apple');
      map.set(1, 'banana');
      
      document.write(map.get(1), "<br>");
   </script>
</body>
</html>

它将返回键“1”的新插入“值”（banana）作为结果。

示例 4

在此示例中，set() 方法被链接以在一个语句中向空的 Map 添加多个键值对：

<html>
<body>
   <script>
      let map = new Map().set(1, 'apple').set(2, 'banana').set(3, 'cherry');
      document.write(map.get(1), "<br>");
      document.write(map.get(2), "<br>");
      document.write(map.get(3));
   </script>
</body>
</html>

如果我们执行上述程序，它将返回所有键的“值”作为结果。

打印页面