ES6的Set和Map

  1. Set本身是一个构造函数 let set = new Set();
  2. Set函数可以接受一个数组作为参数,用来初始化;
  3. 数组去重:
    a. let newArr = [...new Set([1,2,2,3,3])];
    b. let newArr = Array.from(new Set([1,2,2,3,3]));
  4. Set操作方法
    a. add(value);return Set;
    b. delete(value);return boolean;
    c. has(value);return boolean;
    d. clear(); 没有返回值
  5. 数组的mapfilter方法也可以用于Set,在传递进去的方法是没有返回值的。
  6. ES6的Map数据结构,它类似于对象,也是键值对的集合,但是”键”的范围不限于字符串,各种类型的值都可以作为键 。
  7. map的操作方法:
    a. set(key,value)//return Set,因此可以采用链式写法
    b. get(key)//如果找不到key,就返回undefined
    c. has(key)//return boolean
    d. delete(key)//return boolean
    e. clear()//没有返回值
  8. Set和Map的遍历:三个“遍历器对象”生成函数,一个“遍历方法”
    a. keys()//返回键名的遍历器
    b. values()//返回键值的遍历器
    c. entries()//返回键值对的遍历器,每一个元素都是[key,value]
    d. forEach(funtion,context)//context表示function中this的指向
  9. Map和JSON之间的转换;strMapToObj(map)//将Map对象转Object
    a. 如果mapkey 是字符串: JSON.stringify(strMapToObj(map))
    b. 如果mapkey 不是字符串,那么可以转成数组的JSONJSON.stringify([...map])
    c. JSONMap 还是先转成“对象”或“数组”,再转成Map

Symbol.iterator 属性的实现
let obj = {
    index:0,
    [Symbol.iterator](){
        let index = this.index//函数中最里面能访问外面,但对象不行
        return {
            next:function(){
                if(index>3) return {value:undefined,done:true};
                else return {value:index++,done:false};
            }
        }
    }
}
for(let i of obj){
    console.log(i);
}

运行结果:
这里写图片描述

利用generator函数实现Symbol.iterator属性
let obj = {
    *[Symbol.iterator](){
        yield "aa";
        yield* [1,2];
        yield "bb";
    }
}
for(let i of obj){
    console.log(i);
    }

运行结果:
运行结果


总结:
1. Array,String 其实也就是特殊的Object
2. 只要当前对象的Symbol.iterator 实现了,就可以用for of 遍历;默认实现了该属性的“对象”有Array,Map,Set,String,函数的arguments对象
3. 只要实现了Symbol.iterator 的,都可以采用数组解构的解构赋值+扩展运算符(...),let [x,...res] = "hello"//x=h,res = [e,l,l,o];
4. function 参数也可以采用扩展运算符: function fun(x,y){};let arr=[1,2];fun(...arr);
5. Array.from()//将Map或者Set类型转为数组
6. Array.of(1,2)//[1,2]//将一组数据转成数组返回

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值