作者：机器人小咪
引言
ECMAScript 2021 新增了一些对 Map 类型的特性，如果你是一名前端开发者，一定对 Map 类型有一定的了解。Map 是一种可迭代的键值对集合，每个键和值都可以是任何类型的数据，它的特点是能够快速进行查找和插入。在 ECMAScript 2021 中，Map 类型得到了一些新的特性，本文将对这些特性进行解析。
Map 扁平化
在 ECMAScript 2021 中，Map 的新特性是可以将 Map 扁平化，将其中的 key 和 value 转换成一个对象。下面我们通过一个示例来展示这个特性的使用。
-- -------------------- ---- ------- ----- --- - --- ----- -------- ------ ------- ---- ---------- -------- --- ----- --- - ------------------------ ----------------- -- - ----- ----- ---- --- ------- ------ -
在上面代码中，我们首先创建了一个包含三个键值对的 Map 对象，然后通过 Object.fromEntries 方法将其扁平化。
Map 更好地处理 NaN
NaN 是 JavaScript 中特殊的数字类型，通常用于表示错误数据，但是 NaN 和其他数字是不同的，它和任何值（甚至是它自己）都不相等。在 ECMAScript 2021 中，Map 类型得到了一个新的特性，允许允许 Map 将 NaN 值视为一个键。
const map = new Map();
map.set(NaN, 'not a number');
map.set(1, 'one');
map.set('1', 'string one');
console.log(map.get(NaN)); // not a number在上面的代码中，我们将 NaN 值视为一个键添加到了 Map 中，并且通过 get 方法获取到了这个值。
Map 的原型方法返回 Iterator 对象
在 ECMAScript 2021 中，Map 的 values、keys 和 entries 方法都将返回一个 Iterator 对象，可以使用 for...of 循环进行迭代。
-- -------------------- ---- ------- ----- --- - --- ----- -------- ------ ------- ---- ---------- -------- --- ----- ------ - ------------- --- ------ - -- ------- - --------------- - -- -- -- -- -- ----
在上面代码中，我们首次调用 Map 对象的 values 方法返回了一个 Iterator 对象，然后我们使用 for...of 循环对其进行迭代。
总结
在 ECMAScript 2021 中，Map 类型得到了一些新的特性，例如扁平化、更好地处理 NaN 值以及原型方法返回 Iterator 对象等等。这些特性的出现使得开发者在编写代码时可以更加灵活，同时也提升了代码效率和可读性。因此，在实际开发中我们可以合理应用这些特性，提升代码质量和开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/646db372968c7c53b0c56ddf