ES6-Set -1简单介绍
- Set简介
- 特点
- 用途
- Set的删除方法
- 遍历Set的第一种方法(forEach循环,参数代表循环里的单个值)
- 数组转换成Set的方式
- Set转换成数组的两种方式(...运算符也是具有迭代接口就可以使用)
- ==字符串拆分成数组的方法==
Set简介
ES6提供的构造函数,是一种新的存储结构
特点
只有属性值,成员值唯一(不能重复)
用途
可以转换为数组,本身具备去重,交集,并集,差集等作用
###Set的创建方式 Set创建大多是用数组的方法来创建
代码语言:javascript复制 let oS = new Set([1, 2, 3,[1, 2], true ,{name: "wq"}, 1, 2, false]);
注意事项,用字符串的情况下,创建Set会直接被拆分开
代码语言:javascript复制 let oS1 = new Set("123");
Set的删除方法
代码语言:javascript复制 oS1.delete(true);
删除Set里面的值 (如果Set里面的是数组,并且数组里面没有名称,就无法删除)
具有迭代接口的就可以被遍历
遍历Set的第一种方法(forEach循环,参数代表循环里的单个值)
代码语言:javascript复制 console.log(oS);
// 遍历Set的两种方法
oS.forEach( val => {
console.log(val);
})
###第二种遍历Set的方式 for of循环(该循环是ES6提供) 只要是具有迭代接口的,都可以使用for of循环
代码语言:javascript复制 let oS = new Set([1, 2, 3,[1, 2], true ,{name: "wq"}, 1, 2, false]);
for(let prop of oS){
console.log(prop);
}
数组转换成Set的方式
代码语言:javascript复制 let arr3 = [1, 2, 3, 4];
let oS2 = new Set(arr3);
console.log(oS2);
Set转换成数组的两种方式(…运算符也是具有迭代接口就可以使用)
代码语言:javascript复制 let oS = new Set([1, 2, 3,[1, 2], true ,{name: "wq"}, 1, 2, false]);
let arr = Array.from(oS);
console.log(arr);
let arr1 = [...oS];
console.log(arr1);
字符串拆分成数组的方法
代码语言:javascript复制 var str = "123456789";
var arr4 = [...str];
console.log(arr4);