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>

如果我們執行上述程式，它將返回所有鍵的“值”作為結果。

列印頁面