引言
ECMAScript 2021 (ES12) 是 JavaScript 语言的最新版本，它在 Map 和 Set 数据结构上增加了一些新特性，这些特性可以让开发者在编写代码时更加方便、高效。本文将详细介绍 Map 和 Set 的新特性，并提供示例代码和指导意义。
Map 新特性
1. Map.prototype.upsert() 方法
Map.prototype.upsert() 方法可以在 Map 对象中添加或更新键值对。如果键已经存在，则更新对应的值，否则添加新的键值对。这个方法可以让我们更加方便地操作 Map 对象。
const map = new Map();
map.set("a", 1);
map.set("b", 2);
map.upsert("a", (value) => value + 1); // 更新键 "a" 的值为 2
map.upsert("c", () => 3); // 添加新的键值对 "c": 3
console.log(map); // Map(3) { 'a' => 2, 'b' => 2, 'c' => 3 }2. Map.prototype.update() 方法
Map.prototype.update() 方法可以更新 Map 对象中指定键的值。如果键不存在，则不会进行任何操作。
const map = new Map();
map.set("a", 1);
map.set("b", 2);
map.update("a", (value) => value + 1); // 更新键 "a" 的值为 2
map.update("c", () => 3); // 不进行任何操作，因为键 "c" 不存在
console.log(map); // Map(2) { 'a' => 2, 'b' => 2 }Set 新特性
1. Set.prototype.upsert() 方法
Set.prototype.upsert() 方法可以在 Set 对象中添加或更新元素。如果元素已经存在，则更新对应的值，否则添加新的元素。这个方法可以让我们更加方便地操作 Set 对象。
const set = new Set();
set.add({ name: "Alice", age: 20 });
set.add({ name: "Bob", age: 30 });
set.upsert({ name: "Alice", age: 20 }, (value) => ({ ...value, age: value.age + 1 })); // 更新元素 { name: "Alice", age: 20 } 的值为 { name: "Alice", age: 21 }
set.upsert({ name: "Charlie", age: 40 }, () => ({ name: "Charlie", age: 40 })); // 添加新的元素 { name: "Charlie", age: 40 }
console.log(set); // Set(3) { { name: 'Alice', age: 21 }, { name: 'Bob', age: 30 }, { name: 'Charlie', age: 40 } }2. Set.prototype.update() 方法
Set.prototype.update() 方法可以更新 Set 对象中指定元素的值。如果元素不存在，则不会进行任何操作。
const set = new Set();
set.add({ name: "Alice", age: 20 });
set.add({ name: "Bob", age: 30 });
set.update({ name: "Alice", age: 20 }, (value) => ({ ...value, age: value.age + 1 })); // 更新元素 { name: "Alice", age: 20 } 的值为 { name: "Alice", age: 21 }
set.update({ name: "Charlie", age: 40 }, () => ({ name: "Charlie", age: 40 })); // 不进行任何操作，因为元素 { name: "Charlie", age: 40 } 不存在
console.log(set); // Set(2) { { name: 'Alice', age: 21 }, { name: 'Bob', age: 30 } }指导意义
Map 和 Set 是 JavaScript 中常用的数据结构，它们可以让我们更加方便地处理数据。ES12 中增加的新特性可以让我们更加高效地使用 Map 和 Set。在实际的开发中，我们应该尽可能地使用这些新特性，以提高代码的可读性和性能。
结论
本文介绍了 ECMAScript 2021 (ES12) 中 Map 和 Set 的新特性，包括 Map.prototype.upsert()、Map.prototype.update()、Set.prototype.upsert() 和 Set.prototype.update() 方法。这些新特性可以让开发者更加方便、高效地操作 Map 和 Set 对象。我们应该尽可能地使用这些新特性，以提高代码的可读性和性能。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6759028d62956301acd46fe2