ES6- Set-1之使用方法
ES6- Set-1之使用方法
envoke
发布于 2020-09-17 11:25:37
发布于 2020-09-17 11:25:37
ES6-Set -1简单介绍
Set简介
ES6提供的构造函数，是一种新的存储结构
特点
只有属性值，成员值唯一（不能重复）
用途
可以转换为数组，本身具备去重，交集，并集，差集等作用
###Set的创建方式 Set创建大多是用数组的方法来创建
let oS = new Set([1, 2, 3,[1, 2], true ,{name: "wq"}, 1, 2, false]);
在这里插入图片描述
注意事项，用字符串的情况下，创建Set会直接被拆分开
let oS1 = new Set("123");
在这里插入图片描述
Set的删除方法
oS1.delete(true);
在这里插入图片描述
删除Set里面的值 （如果Set里面的是数组，并且数组里面没有名称，就无法删除）
在这里插入图片描述
具有迭代接口的就可以被遍历
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
遍历Set的第一种方法（forEach循环，参数代表循环里的单个值）
console.log(oS);
// 遍历Set的两种方法
oS.forEach( val => {
console.log(val);
})
在这里插入图片描述
在这里插入图片描述
###第二种遍历Set的方式 for of循环（该循环是ES6提供） 只要是具有迭代接口的，都可以使用for of循环
let oS = new Set([1, 2, 3,[1, 2], true ,{name: "wq"}, 1, 2, false]);
for(let prop of oS){
console.log(prop);
}
在这里插入图片描述
数组转换成Set的方式
let arr3 = [1, 2, 3, 4];
let oS2 = new Set(arr3);
console.log(oS2);
在这里插入图片描述
Set转换成数组的两种方式（…运算符也是具有迭代接口就可以使用）
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);
在这里插入图片描述
字符串拆分成数组的方法
var str = "123456789";
var arr4 = [...str];
console.log(arr4);
在这里插入图片描述
本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
原始发表：2019-04-23 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读
目录