JS中Map对象的使用

前言

Map 对象保存键值对，并且能够记住键的原始插入顺序。任何值(对象或者原始值) 都可以作为一个键或一个值。

JS中的Object类型实际上是一种键值对映射(key-value pairs)，但是JS中这种键值对映射有点问题：key只能为string类型。为了和其他编程语言有相似的数据结构(如Map, Dict等)，ES6中新增了Map类型。

属性与方法

size

：是可访问属性，用于返回 一个Map 对象的成员数量。

Map()

：构造方法。

clear()

：移除Map对象中的所有元素。

delete(key)

：移除 Map 对象中指定的元素；如果 Map 对象中存在该元素，则移除它并返回 true；否则如果该元素不存在则返回 false。

entries()

：返回一个新的包含 [key, value] 对的 Iterator 对象，返回的迭代器的迭代顺序与 Map 对象的插入顺序相同。

keys()

：返回一个引用的 Iterator 对象。它包含按照顺序插入 Map 对象中每个元素的key值。

values()

：返回一个新的Iterator对象。它包含按顺序插入Map对象中每个元素的value值。

forEach()

：按照插入顺序依次对 Map 中每个键/值对执行一次给定的函数。

get()

：返回某个 Map 对象中的一个指定元素。

set(key, value)

：为 Map 对象

添加或更新

一个指定了键（key）和值（value）的（新）键值对。

has()

：返回一个bool值，用来表明map 中是否存在指定元素.

Map 对象遍历

let map =newMap()// forEach
map.forEach((value, key, map)=>{
    console.log(map.get(key)=== value)})// for..offor(const key of map.keys()){
    console.log(key);}for(const value of map.values()){
    console.log(value);}for(const[key, value]of map.entries()){
    console.log(key, value);}

Map 与数组的关系

const kvArray  =[["key1","value1"],["key2","value2"]];// 将二维键值对数组转换成一个Map对象let map =newMap(kvArray)

console.log(Array.from(map))// 输出 [[key, value], ...] 数组

console.log([...map]);// 输出 [[key, value], ...] 数组

console.log(Array.from(map.keys()));// 输出 ["key1", "key2", ...] key 数组

console.log([...map.keys()]);// 输出 ["key1", "key2", ...] key 数组

console.log(Array.from(map.values()));// 输出 ["value1", "value2", ...] key 数组

console.log([...map.values()]);// 输出 ["value1", "value2", ...] key 数组

Map 和 Object 的区别

MapObject默认值 默认不包含任何值，只包含显式插入的键一个 Object 有一个原型，原型上的键名有可能和自己对象上设置的键名冲突类型任意String 或 Symbol长度键值对个数通过 size 属性获取键值对个数只能手动计算性能频繁增删键值对的场景下表现更好频繁添加和删除键值对的场景下未作出优化

问题记录

如果

Map

的值是对象或者数组，可以直接修改生效，不需要再调用

map.set()

，如：

// array or objectconst map =newMap()

map.set('cc',[1])const value = map.get('cc')

value.push(2)

console.log(map.get('cc'))// [1, 2]