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

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 语法 new Map([iterable]) 参数:可以是数组或者其他的可迭代对象.null会被当作undefin...
    一二三kkxx阅读 34,179评论 1 12
  • 一直都有看到array.map,但是又不知道怎么用。用对了的话就会很方便 定义和用法 map() 方法返回一个新数...
    tency小七阅读 1,615评论 0 0
  • map()方法和其他几个数组操作方法一只弄混,接下来遇到一个数组方法便总结一个!一网打尽! 语法 参数 callb...
    风起云帆阅读 414评论 0 0
  • Map简介将键映射到值的对象。一个映射不能包含重复的键;每个键最多只能映射到一个值。此接口取代 Dictionar...
    小沙鹰168阅读 1,868评论 0 0
  • map的增加元素,删除元素,查找元素操作
    Airjoden阅读 1,578评论 0 1