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：
----- ----- - --- ----------- -------- ----- ------- - ------- ------- ------------------------ ------------------- -- --- - ------ ------ ------ ----- -
2. intersect
intersect 方法可以返回两个 Set 中共有的元素。例如，我们可以使用 intersect 来找出两个 Set 中的交集：
----- ---- - --- ----------- ------ -------- ----- ---- - --- ----------- -------- ----- ------------ - --------------------- -------------------------- -- --- - ----- -
3. difference
difference 方法可以返回一个 Set 中不存在于另一个 Set 中的元素。例如，我们可以使用 difference 来找出两个 Set 中的差集：
----- ---- - --- ----------- ------ -------- ----- ---- - --- ----------- -------- ----- ---------- - ---------------------- ------------------------ -- --- - ------ ----- -
总结
在 ES12 中，Map 和 Set 方法提供了一些新的功能，这些功能可以帮助我们更轻松地操作集合。掌握这些新方法可以提高我们的代码效率和可读性，同时也有助于我们更好地理解 JavaScript 中的集合类型。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6638e1b9d3423812e46f1608