在 ES2021 中，新增了 Map.prototype.upsert 方法，该方法可以在 Map 中添加或更新一个键值对。在本文中，我们将详细介绍 Map.prototype.upsert 方法及其应用，并提供示例代码。
Map.prototype.upsert 方法的使用
Map.prototype.upsert 方法接受两个参数：键和值。如果键已经存在于 Map 中，则更新该键对应的值；如果键不存在于 Map 中，则添加该键值对。
下面是 Map.prototype.upsert 方法的示例代码：
-- -------------------- ---- ------- ----- --- - --- ----- -------- ---------- -------- --------- --- ------------------ ---- -------- ------------------ ---------- ----------------------------- -- -- ---- ------ ----------------------------- -- -- -------- ----------------------------- -- -- --------
在上面的示例代码中，我们首先创建了一个包含两个键值对的 Map。然后，我们使用 upsert 方法更新了键为 'key1' 的值，并添加了一个新的键值对。
Map.prototype.upsert 方法的应用
Map.prototype.upsert 方法在实际开发中有许多应用场景。下面是一些示例：
1. 合并两个 Map
我们可以使用 Map.prototype.upsert 方法将两个 Map 合并成一个。下面是示例代码：
-- -------------------- ---- ------- ----- ---- - --- ----- -------- ---------- -------- --------- --- ----- ---- - --- ----- -------- ---- -------- -------- --------- --- -------------------- ---- -- - ---------------- ------- --- ------------------------------ -- -- ---- ------ ------------------------------ -- -- -------- ------------------------------ -- -- --------
在上面的示例代码中，我们首先创建了两个 Map。然后，我们使用 forEach 方法遍历 map2 中的所有键值对，并使用 upsert 方法将它们添加到 map1 中。最后，我们输出了合并后的 map1。
2. 统计数组中各元素出现的次数
我们可以使用 Map.prototype.upsert 方法统计数组中各元素出现的次数。下面是示例代码：
-- -------------------- ---- ------- ----- --- - ----- ---- ---- ---- ---- ----- ----- -------- - --- ------ ---------------- -- - --------------------- --- ------------------ ------------------ - --- --- ------------------------------- -- -- - ------------------------------- -- -- - ------------------------------- -- -- -
在上面的示例代码中，我们首先创建了一个数组。然后，我们创建了一个空的 Map，并使用 upsert 方法将数组中的元素添加到 Map 中。最后，我们遍历数组中的每个元素，使用 get 方法获取该元素在 Map 中的值，并将其加 1。
总结
Map.prototype.upsert 方法是 ES2021 新增的方法，它可以在 Map 中添加或更新一个键值对。在实际开发中，Map.prototype.upsert 方法有许多应用场景，例如合并两个 Map、统计数组中各元素出现的次数等。我们在使用 Map 时，可以考虑使用 Map.prototype.upsert 方法来简化代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/65121f5395b1f8cacda8c80a