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);

在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值