ES12（也称为 ECMAScript 2021）是 JavaScript 的最新版本，它带来了一些有用的新功能和改进。其中，新的 Map 和 Set 方法是前端开发者必须要掌握的一部分。
Map 方法
Map 是一种键值对的集合，其中每个值都可以用唯一的键标识。在 ES12 中，Map 方法提供了一些新的功能，例如：
1. mapKey
mapKey 方法可以将 Map 中的键转换为一个新的值。例如，我们可以使用 mapKey 来将所有键转换为小写字母：
-- -------------------- ---- ------- ----- ----- - --- ----- ------- ------- ------- ------- --- ----- ------------ - --- ---- --------------------- ------- -- ------------------- ------- -- -------------------------- -- --- - ----- -- ------ ----- -- ----- -
2. mapValue
mapValue 方法可以将 Map 中的值转换为一个新的值。例如，我们可以使用 mapValue 来将所有值转换为大写字母：
-- -------------------- ---- ------- ----- ----- - --- ----- ------- ------- ------- ------- --- ----- ------------ - --- ---- --------------------- ------- -- ----- --------------------- -- -------------------------- -- --- - ----- -- ------ ----- -- ----- -
3. flatMap
flatMap 方法可以将 Map 中的键值对转换为一个新的 Map。例如，我们可以使用 flatMap 来将所有值转换为数组：
-- -------------------- ---- ------- ----- ----- - --- ----- ------- ------- ------- ------- --- ----- -------- - --- ---- ------------------------- ------- -- ------ ---------- -- ---------------------- -- --- - ----- -- - ----- -- ----- -- - ----- - -
Set 方法
Set 是一种无序的集合，其中每个值都是唯一的。在 ES12 中，Set 方法提供了一些新的功能，例如：
1. addArray
addArray 方法可以将一个数组中的所有元素添加到 Set 中。例如，我们可以使用 addArray 来将多个数组合并成一个 Set：
const mySet = new Set(['foo', 'bar']);
const myArray = ['baz', 'qux'];
mySet.addArray(myArray);
console.log(mySet); // Set { 'foo', 'bar', 'baz', 'qux' }2. intersect
intersect 方法可以返回两个 Set 中共有的元素。例如，我们可以使用 intersect 来找出两个 Set 中的交集：
const setA = new Set(['foo', 'bar', 'baz']);
const setB = new Set(['bar', 'qux']);
const intersection = setA.intersect(setB);
console.log(intersection); // Set { 'bar' }3. difference
difference 方法可以返回一个 Set 中不存在于另一个 Set 中的元素。例如，我们可以使用 difference 来找出两个 Set 中的差集：
const setA = new Set(['foo', 'bar', 'baz']);
const setB = new Set(['bar', 'qux']);
const difference = setA.difference(setB);
console.log(difference); // Set { 'foo', 'baz' }总结
在 ES12 中，Map 和 Set 方法提供了一些新的功能，这些功能可以帮助我们更轻松地操作集合。掌握这些新方法可以提高我们的代码效率和可读性，同时也有助于我们更好地理解 JavaScript 中的集合类型。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6638e1b9d3423812e46f1608