一、Map的含义和基本用法
JavaScript 的对象
( Object )本质上是键值对的集合
( Hash 结构),但是只能用字符串作为键
。这给它的使用带来了很大的限制。为了解决这个问题,提供了Map 数据结构
。它类似于对象,也是键值对的集合,但是“键”的范围不限于字符串,各种类型的值(包括对象)都可以当作键
。
也就是说, Object结构提供了“字符串——值”的对应,Map 结构提供了“值——值” 对应,是一种更完善的 Hash结构实现。如果需要“键值对”的数据结构 Map Object 更合适。
const m = new Map() ;
const o = {p : "Hello World" } ;
m.set(o,"content")
m.get(o) // " content "
m.has(o) //true
m.delete(o) //true
m.has(o) // false
上面的代码使用 Map 结构的 set 方法,将对象o当作m的一个键 然后又使用 get
方法读取这个键,接着使用 delete
方法删除了这个键。
上面的例子展示了如何向Map添加成员。作为构造函数 Map可以接受一个数组作为参数。注意:该数组的成员是一个个表示键值对的数组。
const map= new Map([
['name','张三'],
['title','Author']
]);
map.size // 2
map.has('name') // true
map.get('name') // 张三
map.has('title') //true
map.get('title') // Author
上面的代码在新建 Map 实例时就指定了两个键——name和title
事实上,不仅仅是数组,任何具有Iterator
接口且每个成员都是一个双元素数组的数据结构都可以当作Map构造函数的参数。也就是说,Set和Map都可以用来生成新Map。
const set = new Set([
['foo',1 ],
['bar',2 ]
]);
const m1 = new Map(set) ;
m1.get('foo') // 1
const m2 = new Map ([['baz', 3]]) ;
const m3 = new Map(m2) ;
m3.get ('baz') / / 3
上面的代码中,我们分别使用 Set 对象和 Ma 对象当作 Map 构造函数的参数,结果都生成了新的 Map 对象。
注意:只有对同一个对象的引用,Map结构才将其视为同一个键。这一点妥非常小心
const map= new Map();
map.set (['a'], 555);
map.get (['a']) // undefined
上面的set和get方法表面上是针对同一个键,实际上却是两个值,内存地址是不一样的,因此 get 方法无法读取该键,返回 undefined。
二、实例的属性和操作方法
size
:size 属性返回 Map 结构的成员总数。set(key, value)
:set 方法设置 key 所对应的键值,然后返回整个 Map 结构。如果 key 己经有值,则键值会被更新,否则就新生成该键。get( key)
:get 方法读取 key 对应的键值,如果找不到 key,则返回 undefined。has(key)
:has 方法返回 个布尔值,表示某个键是否在 Map 数据结构中。delete( key)
:delete 方法删除某个键,返回 true 。如果删除失败,则返回 false。clear()
:clear 方法清除所有成员,没有返回值。
三、遍历方法
Map 原生提供了 个遍历器生成函数和 1个遍历方法
keys ()
:返回键名的遍历器values ()
:返回键值的遍历器entries ()
: 返回所有成员的遍历器forEach ()
:遍历 Map 的所有成员
const map = new Map([
['F','no'] ,
['T','yes']
]);
for (let key of map.keys()) {
console.log(key);
}
// "F"
// "T"
for (let value of map.values()) {
console.log(value);
}
// "n"
// "yes"
for (let item of map.entries()) {
console.log(item[O],item[1]);
}
// "F" "no"
// "T" "yes"