es6里的Map数据结构

含义和基本用法


ES6中新增了Map数据结构。Map结构类似于对象,也是键值对的集合,它存储的形式就是键值对。

Map中”键“的范围不限于字符串,各种类型的值或对象都可以当作键。
对象存储的问题:

  1. 键名只能是字符串;
  2. 获取数据数量的时候不方便
  3. 键名容易和原型上的名称发生冲突
const m = new Map(iterator);

Map中传递的参数一般为二维数组形式,数组的子数组里面只能有两项,第一项为键,第二项为值。

const m = new Map([
	['m',857],
	['a',110],
	['p',715]
])
console.log(m);

控制台打印的结果,Map集合的键值对存储形式
在这里插入图片描述
Map集合中,如果设置的键名相同,则会被覆盖。

//给Map形式的数据结构中添加新的键值对
m.set('d','mac');
m.set('d','999');

打印的结果,相同的键名,前者被后者覆盖。
在这里插入图片描述
面试题
若键名设置的是一个空对象,两种形式是否会被覆盖?

//part1
m.set({},"bmw");
m.set({},"audi");
//part2
let  obj = {},
m.set(obj,'mazada');
m.set(obj,'benz');

part1的运行结果
在这里插入图片描述
直接设置的{}是两个不同的地址,不会被覆盖,直接设置
而第二次设置的两个obj是指向同一地址,前者已被后者覆盖。
在这里插入图片描述

属性以及操作方法

  1. size属性(返回Map结构的成员总数)类似于length
const m = new Map();
m.set('e',1);
m.set('g',2);
m.set('m',3);
m.size;  //3

在这里插入图片描述
2. get()
get方法读取key对应的键值,如果找不到key,则返回undefined

情况1:找得到就返回键值
在这里插入图片描述
情况2:找不到返回undefined
在这里插入图片描述
3. has()
has方法返回一个布尔值,表示某个键是否在当前的Map对象之中

当前键在Map对象中,返回true
在这里插入图片描述
当前键不在Map对象中,返回false
在这里插入图片描述
4. delete()
delete方法删除某个键,返回true。如果删除失败,返回false
在这里插入图片描述
当使用delete删除键名a以后,返回true,此时查看Map集合中a已经被删除了

  1. clear()
    clear方法清除所有成员,没有返回值。
    在这里插入图片描述
  2. forEach()
    Map的forEach方法与数组的forEach方法类似,用来遍历
map.forEach((value,key,map) => {
      console.log(value,key,map)
      value : 值
      key : 键
      map 对象本身
 });
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值