JS中的Map对象用法及说明

Editor

目录

JS中的Map对象

JS中Map和普通对象

Map对象

Object对象

Objects 和 maps 的比较

总结
JS中的Map对象
1.js创建map对象
var map = new Map();
2.将键值对放入map对象
map.set("key",value)
map.set("key1",value1)
map.set("key2",value2)
3.根据key获取map值
map.get(key)
4.删除map指定对象
delete map[key]
或
map.delete(key)
5.循环遍历map
map.forEach(function(key){
　　console.log("key",key)  //输出的是map中的value值
})
JS中Map和普通对象
Map对象
Map 对象保存键值对。任何值(对象，数组，字符串，数值，布尔，null，undefined) 都可以作为一个键或一个值。
一个Map对象在迭代时会根据对象中元素的插入顺序来进行 — 一个 for...of 循环在每次迭代后会返回一个形式为[key，value]的数组。

Object对象
Object 构造函数创建一个对象包装器。内容为成对的名称（字符串）与值（任何值），其中名称通过冒号与值分隔。

Objects 和 maps 的比较
Objects 和 Maps 类似的是，它们都允许你按键存取一个值、删除键、检测一个键是否绑定了值。因此（并且也没有其他内建的替代方式了）过去我们一直都把对象当成 Maps 使用。不过 Maps 和 Objects 有一些重要的区别，在下列情况里使用 Map 会是更好的选择：

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

总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持知鸟论坛。

风来时狂放

楼主发贴辛苦了，谢谢楼主分享！我觉得知鸟论坛是注册对了！

123456848

我看不错噢 谢谢楼主！知鸟论坛越来越好！

戏做顿

我看不错噢 谢谢楼主！知鸟论坛越来越好！

dxf17

楼主，大恩不言谢了！知鸟论坛是最棒的！

风吹吹蛋蛋疼风w

楼主发贴辛苦了，谢谢楼主分享！我觉得知鸟论坛是注册对了！

素色流年783

楼主太厉害了！楼主，I*老*虎*U！我觉得知鸟论坛真是个好地方！

六翼天使494

这个帖子不回对不起自己！我想我是一天也不能离开知鸟论坛。

啤酒瓶空了缓

其实我一直觉得楼主的品味不错！呵呵！知鸟论坛太棒了！

永远爱你冰塘

楼主太厉害了！楼主，I*老*虎*U！我觉得知鸟论坛真是个好地方！