ES6 Map与Object的区别

最新推荐文章于 2024-08-01 18:46:51 发布

原创最新推荐文章于 2024-08-01 18:46:51 发布 · 158 阅读

CC 4.0 BY-SA版权

文章标签：

36 篇文章

订阅专栏

29 篇文章

订阅专栏

12 篇文章

订阅专栏

本文对比了JavaScript中的Map与Object，强调Map的特性如任意键类型、有序性、size属性及迭代能力，而Object的键限制为字符串或Symbol，键无序但现代浏览器已保留插入顺序。Map在频繁增删操作中表现更优，而Object在某些场景下未优化。


意外的键	Map 默认情况不包含任何键。只包含显式插入的键。	一个 Object 有一个原型, 原型链上的键名有可能和你自己在对象上的设置的键名产生冲突。
键的类型	一个 Map的键可以是任意值，包括函数、对象或任意基本类型。	一个Object 的键必须是一个 String 或是Symbol。
键的顺序	Map 中的 key 是有序的。因此，当迭代的时候，一个 Map 对象以插入的顺序返回键值。	一个 Object 的键是无序的。注意：自ECMAScript 2015规范以来，对象确实保留了字符串和Symbol键的创建顺序；因此，在只有字符串键的对象上进行迭代将按插入顺序产生键。
Size	Map 的键值对个数可以轻易地通过size 属性获取	Object 的键值对个数只能手动计算
迭代	Map 是 iterable 的，所以可以直接被迭代。	迭代一个Object需要以某种方式获取它的键然后才能迭代。
性能	在频繁增删键值对的场景下表现更好。	在频繁添加和删除键值对的场景下未作出优化。