ES6（五）重难点（下）：Map对象

目录

前言

一、Map对象

1、Map简述

（1）概念

2、对象特性

（1）key的多样性

2、Map对象常用方法

（1）set( key, value )---设置

（2）get(key)---获取

（3）delete (key) ---删除

（4）clear( )---清除所有

（5）foreach()---遍历

二、结束语

---

前言

了解Map之前，键值对是我们所要理解的术语，所谓键值对，在对象中也就是对象属性，在一些教程中，有提到 "JavaScript 对象是键值对的容器"，可见一般...键值对通常写法为name : value (键与值以冒号分割)。

好了，今天小糖分享的是ES6中的 Map 对象~

一、Map对象

1、Map简述

（1）概念

              Map 对象保存键值对。任何值(对象或者原始值) 都可以作为一个键（key）或一个值（value）。
              通俗理解就是：不同于object对象键只能是字符串或者 Symbols，一个 Map 的键可以是任意值。

（2）语法(举个栗子) 

 let mapObj = new Map();

2、对象特性

（1）key的多样性

              因为object类型只能存储字符串作为 key，也就是对象属性，而Map对象支持使用复杂数据结构作为key。实例化时，Map对象会接收一个二维数组。且里层数组的 [ 0 ] 接收的是 key，[ 1 ] 接收的是 value。

const a = new Map([
    ['name',"凤求凰"],
    [{function () {console.log('a');}},{function () {console.log('b');}}],
    [NaN,NaN]     //三者的成功运行体现了多样性
]);
console.log(a);

2、Map对象常用方法
 

下列实例均以const a = new Map([ ['name',"凤求凰"] ]);为例。

（1）set( key, value )---设置

  相当于添加一个key和value

a.set([1,2,3],[4,5,6]);
a.set('sex',"男");

（2）get(key)---获取

不难得到，该方法是获取对应key的value值

console.log(a.get('sex'));

！！！注意复杂数据类型作为key时，要重新声明一个变量，否则get方法取到的是同一地址，结果显示的是undefind

console.log(a.get([1,2,3]));

 重新声明一个变量给这个复杂数据类型

var b = [1,2,3]
a.set(b,[4,5,6]);
console.log(a.get(b));

 

（3）delete (key) ---删除

同get道理一样，对指定key操作，delete是删除

a.delete('name');

（4）clear( )---清除所有

清除所有key与value

a.clear();

（5）foreach()---遍历

从Map对象中提取所有key与value

for(let value of a){
    console.log(value);
}

返回的是二维数组，不可以直接利用，怎么办？利用解构赋值将两者取出来 

for(let [ c,d ] of a){
    console.log(c,d);
}

或者(间接解构）

for(let value of a){
    const [c, d] = value;
    console.log(c,d);
}

 

以上就是常见的方法，除此之外还有has()方法等，在map的protype可以看见，小糖不一一举例啦

二、结束语

希望本篇文章可以帮到求知若渴的众多同学吖~
若能帮到 也欢迎点赞、收藏、关注我，后续也会持续发布新文章，祝大家学有所成！
欢迎各位前端大佬留言讨论指教！ 小糖谢谢各位啦~❤  ❤  ❤  ❤