- 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]//将一组数据转成数组返回