ES6的Set和Map

最新推荐文章于 2024-04-17 15:55:30 发布

原创最新推荐文章于 2024-04-17 15:55:30 发布 · 374 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #es6 #Set #iterator-迭代器

javascript 专栏收录该内容

7 篇文章

订阅专栏

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