ES6的Set和Map

来源:互联网 发布:apache ant 1.7.1 编辑:程序博客网 时间:2024/04/29 09:46
  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]//将一组数据转成数组返回