es6语法之map,set

es6语法之map,set

1.map

 let map = new Map() //创建一个map对象
 map.set('aa', 123)
 console.log(map.get('aa'), 'jwq')//显示结果是123,'jwq'

2.map与array的转换

  1. 二维数组转换为Map对象
let jwqArray = [["jwq", "value1"], ["zhn", "value2"]];
let myMap = new Map(jwqArray);
console.log(typeof myMap,myMap,'jwq')

在这里插入图片描述

  1. Map对象转换为二维数组(使用Array.from)

    let jwqArray = [["jwq", "value1"], ["zhn", "value2"]];
    let myMap = new Map(jwqArray);
    let outArray = Array.from(myMap)
    console.log(typeof outArray,outArray,'jwq')
    

    image-20210224152718932

  2. map的克隆

    let myMap1 = new Map([["jwq", "value1"], ["zhn", "value2"]]);
    let myMap2 = new Map(myMap1);
    myMap1.set('jwq', 'value3')
    console.log(myMap1, 'myMap1', myMap2, 'myMap2')
    //可以从截图中看出来,克隆出来的myMap2与原来的myMap1没有任何的关系,要不然我们的myMap2也会变成myMap1的样子,可以认为是深层次克隆,深拷贝
    

在这里插入图片描述

  1. map的合并

    let first = new Map([[1, 'one'], [2, 'two'], [3, 'three'],]);
    let second = new Map([[1, 'four'], [2, 'fiv']]);
    let jwq = new Map([...first, ...second])
    console.log(jwq, 'jwq')
    //看下面的截图应该知道1对应的变成了four而2对应的变为fiv,是因为后面的值把前面的值覆盖了,所以map的合并,是后面的值会覆盖前面的值
    

    image-20210224153635995

3.set对象

  1. 数组去重

    let jwq = new Set([1, 2, 3, 4, 4]);
    console.log([...jwq], 'jwq')
    //有时候我们就需要数组去重,我们可以先创建set对象,在转换为array
    //let myArray = [...jwq]
    

    image-20210224155136072

  2. 并集

    let a = new Set([1, 2, 3]);
    let b = new Set([4, 3, 2]);
    let jwq = new Set([...a, ...b]);
    console.log(jwq, 'jwq')
    

在这里插入图片描述

  1. 交集

    let a = new Set([1, 2, 3]);
    let b = new Set([4, 3, 2]);
    let jwq = new Set([...a].filter(x => b.has(x)));
    console.log(jwq, 'jwq')
    //他们两个的交集是23
    

在这里插入图片描述

  1. 差集

    let a = new Set([1, 2, 3]);
    let b = new Set([3, 4, 5]);
    let jwq = new Set([...a].filter(x => !b.has(x)));
    console.log(jwq, 'jwq')
    //a和b的差集应该是1245,那么相对于a,他的差集就是12
    

在这里插入图片描述

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值