JavaScript - Map.set() 方法

JavaScript 中的 Map.set() 方法用于在 Map 对象中添加或更新键值对。该方法接受两个参数:键和值。如果键已存在于 Map 中，则与该键关联的值将更新为提供的新值。如果键不存在，则会向 Map 添加一个新的键值对。该方法返回 Map 对象本身，以便进行方法链式调用。

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

语法

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

set(key, value)

参数

该方法接受两个参数。下文对此进行了描述 -

• key - Map 对象中需要添加或更新的元素的键。键可以是任何值，包括对象或原始值。

• value - Map 对象中需要添加或更新的元素的值。该值可以是任何类型，包括对象或原始值。

返回值

此方法返回 Map 对象本身。

示例

示例 1

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

我们使用 entrys() 方法创建一个包含 Map 键值对的迭代器对象。然后，使用 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"新插入的"值"(香蕉)作为结果。

示例 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>

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