映射(Map)是 ECMAScript 6 规范中引入的一种数据结构。这是一种存储键值对列表很方便的方法,类似于其他编程语言中的词典或者哈希表。常用的
Map
方法有:赋值set(key, value)
、获取get(key)
、移除指定键名及其对应的值delete(key)
、判断是否存在has(key)
、 获取所有值values()
、key/value
迭代器entries()
、清空所有键/值对clear()
等。
JavaScript 的对象 Object
,本质上是键值对的集合(Hash 结构),但是传统上只能用字符串当作键,这给使用带来了很大的限制。为了解决这个问题,ECMAScript 6 引入了 Map
数据结构。它类似于对象,也是键值对的集合,但是"键
"的范围不仅仅局限于字符串,而是各种类型的值(包括对象)都可以当作键。也就是说,Object
结构(对象结构)提供了"字符串—值"的对应,而 Map
结构提供了"值—值"的对应,是一种更完善的 Hash
结构的实现。
下面来看一个简单的示例,了解 Map
的基本用法:
// 声明map实例
const page_info = new Map()
// 向 map 中添加元素
page_info.set("seo", {
"keywords": "infoq、Map",
"description": "Map对象是一种简单的键/值映射,其中的键和值可以是任意值(原始值或对象的值)"
})
page_info.set("title", "javascript es6的map映射")
console.log(page_info)
console.log(typeof page_info) // object
输出结果为:
Map {
'seo' => {
keywords: 'infoq、Map',
description: 'Map对象是一种简单的键/值映射,其中的键和值可以是任意值(原始值或对象的值)'
},
'title' => 'javascript es6的map映射'
}
object
从输出结果看,本质上 Map
(映射)就是一个 Object
对象。
为数据类型 Map 赋值的方法 map.set(key,value)
,可以用于增加新的键/值对或者修改键/值对,返回整个 Map
对象。
myMap.set(key, value);
key
:要添加至相应 Map 对象的元素的键。value
:要添加至相应 Map 对象的元素的值。返回 Map 对象。
**const** page_info **=** **new** Map()
*// 设置值*
page_info.set("seo", {
"keywords"**:** "infoq、Map",
"description"**:** "Map对象是一种简单的键/值映射,其中的键和值可以是任意值(原始值或对象的值)"
});
console.log(page_info);
page_info.set("seo", "seo信息");
console.log(page_info);
上面的示例增加值,并修改值,输入结果如下。