map的用法

Map概念

Map 对象以键值对保存数据。

map相对object的优点

option	map	object
键	任意值，包括函数、对象、基本类型	字符串 或者 Symbols
键值顺序	有序(按插入顺序排序)	无序
length	size属性	另外计算获取
迭代	直接迭代	需要获取键值再迭代
性能	频繁操作下性能更优	相对差

map使用示例

var myMap = new Map();
var keyObj = {};

myMap.set(keyObj, "我是{}");
myMap.set(NaN, "我是NaN");
 
myMap.size;   // 2

myMap.get(keyObj);       // 输出 "我是{}"

myMap.get({});           // 输出 undefined, 因为keyObj !== {}

myMap.get(NaN);       // 输出 not a number ,因为NaN !== NaN;

//使用 for..of可以键值同时输出，也可以单独输出
for (var [key, value] of myMap) {
  console.log(key + " = " + value);
}

for (var key of myMap.keys()) {
  console.log(key);
}

for (var value of myMap.values()) {
  console.log(value);
}

//使用 forEach() 
myMap.forEach(function(value, key) {
  console.log(key + " = " + value);
}, myMap)

//map可以跟数组互相转化，使用Array.from函数
console.log(Array.from(myMap));

//map合并，数据以后传入数据为准

var otherMap = new Map([
  [keyObj, '我是other']
]);

var merged = new Map([...myMap, ...otherMap]);

console.log(merged.get(keyObj));// '我是other'

//entries返回一个新的 Iterator 对象
//它按插入顺序包含了Map对象中每个元素的 [key, value] 数组
merged.entries(); // MapIterator{}

数组的map方法

map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

map() 方法按照原始数组元素顺序依次处理元素。

array.map(function(currentValue,index,arr), thisValue)

参考文献

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map