Map

216 阅读4分钟

Map

  • Map 数据结构。它类似于对象,也是键值对的集合,但是的范围不限于字符串,各种类型的值(包括对象)都可以当作键。

  • 如果对同一个键多次赋值,后面的值将覆盖前面的值。

  • 如果读取一个未知的键,则返回undefined

  • Map 的键实际上是跟内存地址绑定的,只要内存地址不一样,就视为两个键。

  • 如果 Map 的键是一个简单类型的值(数字、字符串、布尔值),则只要两个值严格相等,Map 将其视为一个键,比如0-0就是一个键,布尔值true和字符串true则是两个不同的键。另外,undefinednull也是两个不同的键。虽然NaN不严格相等于自身,但 Map 将其视为同一个键。

Map 也可以接受一个数组作为参数。该数组的成员是一个个表示键值对的数组。 任何具有 Iterator 接口、且每个成员都是一个双元素的数组的数据结构都可以当作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"

size 属性

  • size属性返回 Map 结构的成员总数

Map.prototype.set(key, value)

  • set方法设置键名key对应的键值为value,然后返回整个 Map 结构。如果key已经有值,则键值会被更新,否则就新生成该键。

  • set方法返回的是当前的Map对象,因此可以采用链式写法。

Map.prototype.get(key)

  • get方法读取key对应的键值,如果找不到key,返回undefined

Map.prototype.has(key)

  • has方法返回一个布尔值,表示某个键是否在当前 Map 对象之中。

Map.prototype.delete(key)

  • delete方法删除某个键,返回true。如果删除失败,返回false

Map.prototype.clear()

  • clear方法清除所有成员,没有返回值。

遍历方法

  • Map.prototype.keys():返回键名的遍历器。
  • Map.prototype.values():返回键值的遍历器。
  • Map.prototype.entries():返回所有成员的遍历器。
  • Map.prototype.forEach():遍历 Map 的所有成员。

需要特别注意的是,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);
}
// "no"
// "yes"

for (let item of map.entries()) {
  console.log(item[0], item[1]);
}
// "F" "no"
// "T" "yes"

// 或者
for (let [key, value] of map.entries()) {
  console.log(key, value);
}
// "F" "no"
// "T" "yes"

// 等同于使用map.entries()
for (let [key, value] of map) {
  console.log(key, value);
}
// "F" "no"

与其他数据结构的互相转换

Map 转为数组

  • Map 转为数组最方便的方法,就是使用扩展运算符(...)。

数组 转为 Map

  • 将数组传入 Map 构造函数,就可以转为 Map。

Map 转为对象

  • 如果所有 Map 的键都是字符串,它可以无损地转为对象。

  • 如果有非字符串的键名,那么这个键名会被转成字符串,再作为对象的键名。

对象转为 Map

  • 对象转为 Map 可以通过Object.entries()

  • 此外,也可以自己实现一个转换函数。

let obj = {"a":1, "b":2};
let map = new Map(Object.entries(obj));


function objToStrMap(obj) {
  let strMap = new Map();
  for (let k of Object.keys(obj)) {
    strMap.set(k, obj[k]);
  }
  return strMap;
}

objToStrMap({yes: true, no: false})
// Map {"yes" => true, "no" => false}

Map 转为 JSON

Map 转为 JSON 要区分两种情况。

  • 一种情况是,Map 的键名都是字符串,这时可以选择转为对象 JSON。

  • 另一种情况是,Map 的键名有非字符串,这时可以选择转为数组 JSON。

function mapToArrayJson(map) {
  return JSON.stringify([...map]);
}

let myMap = new Map().set(true, 7).set({foo: 3}, ['abc']);
mapToArrayJson(myMap)
// '[[true,7],[{"foo":3},["abc"]]]'

JSON 转为 Map**

  • JSON 转为 Map,正常情况下,所有键名都是字符串。

  • 但是,有一种特殊情况,整个 JSON 就是一个数组,且每个数组成员本身,又是一个有两个成员的数组。这时,它可以一一对应地转为 Map。这往往是 Map 转为数组 JSON 的逆操作。

function jsonToMap(jsonStr) {
  return new Map(JSON.parse(jsonStr));
}

jsonToMap('[[true,7],[{"foo":3},["abc"]]]')
// Map {true => 7, Object {foo: 3} => ['abc']}

WeakMap

WeakMapMap的区别有两点。

  • 首先,WeakMap只接受对象作为键名(null除外),不接受其他类型的值作为键名。
  • 其次,WeakMap的键名所指向的对象,不计入垃圾回收机制。

WeakMap 与 Map 在 API 上的区别主要是两个,

  • 一是没有遍历操作(即没有keys()values()entries()方法),也没有size属性。
  • 二是无法清空,即不支持clear方法。
  • 因此,WeakMap只有四个方法可用:get()set()has()delete()