ES6- Set-1之使用方法

时间:2022-07-25
本文章向大家介绍ES6- Set-1之使用方法,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

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