ES6- Set-1之使用方法

2020-09-17 11:25:37 浏览数 (1)

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

0 人点赞