Map 在 日常开发中使用频率并不高,在此记录下用法,并比较其与Object的异同,以及在日常开发使用的案例。
定义
Map 对象保存键值对,并且能够记住键的原始插入顺序。任何值(对象或者基本类型)都可以作为一个键或一个值。
map对象上的方法和属性
属性
- size
返回 Map 对象中的键值对数量。
实例方法
- clear()
移除 Map 对象中所有的键值对。 - delete(key)
移除 Map 对象中指定的键值对,如果键值对存在并成功被移除,返回 true,否则返回 false。 - get(key)
返回与 key 关联的值,若不存在关联的值,则返回 undefined。 - has(key)
返回一个布尔值,用来表明 Map 对象中是否存在与 key 关联的值。 - set(key, value)
在 Map 对象中设置与指定的键 key 关联的值 value,并返回 Map 对象。
迭代方法
以下方法都只能返回迭代对象,并非真正的数组,但是仍然可以使用forof forEach等迭代方法,可以使用Array.from() 转为数组
- keys()
返回一个新的迭代对象,其中包含 Map 对象中所有的键,并以插入 Map 对象的顺序排列。 - values()
返回一个新的迭代对象,其中包含 Map 对象中所有的值,并以插入 Map 对象的顺序排列。 - entries()
返回一个新的迭代对象,其为一个包含 Map 对象中所有键值对的 [key, value] 数组,并以插入 Map 对象的顺序排列。
使用for-of迭代Map
const myMap = new Map()
myMap.set(0, 'zero')
myMap.set(1, 'one')
for (const [key, value] of myMap) {
console.log(key + ' = ' + value)
}
// 0 = zero
// 1 = one
for (const key of myMap.keys()) {
console.log(key)
}
// 0
// 1
for (const value of myMap.values()) {
console.log(value)
}
// zero
// one
for (const [key, value] of myMap.entries()) {
console.log(key + ' = ' + value)
}
// 0 = zero
// 1 = one
使用forEach() 迭代Map
myMap.forEach(function(value, key) {
console.log(key + ' = ' + value)
})
// 0 = zero
// 1 = one
Map和数组的关系
- 使用常规的 Map 构造函数可以将一个二维键值对数组转换成一个 Map 对象
const kvArray = [["key1", "value1"], ["key2", "value2"]];
const myMap = new Map(kvArray);
myMap.get("key1"); // 返回值为 "value1"
- 使用 Array.from 函数可以将一个 Map 对象转换成一个二维键值对数组
console.log(Array.from(myMap)); // ["key1", "value1"], ["key2", "value2"]];
也可以直接用展开运算符
console.log([...myMap]);