多语言展示
当前在线:1273今日阅读:23今日分享:31

如何在ES6中简化Set集合中的元素并进行添加操作

在ES6中,添加了一种存储数据的数据结构---Set。Set跟数组差不多,不过数组元素是可以重复的,而Set中的元素是不能重复的。声明Set方式跟Array一样,使用new。下面利用一个具体的实例说明如何简化添加Set中的元素,操作如下:
工具/原料
1

ES6

2

JavaScript

3

HBuilder

4

Node.js

5

截图工具

方法/步骤
1

第一步,在HBuilder新建的Web项目中,创建一个JavaScript文件并声明一个Set变量s1,如下图所示:

3

第三步,这样使用add()方法添加元素太麻烦了,可以先定义一个数组,然后遍历数组,将数组的元素添加到Set中,如下图所示:

4

第四步,使用console.log()分别打印s1和s1的长度,注意是size,不是length,结果展示的跟实际不一样,如下图所示:

5

第五步,将遍历的in改为of,保存代码并运行这个JavaScript文件,运行结果跟实际一样,如下图所示:

6

第六步,对于Set而言,重复的元素添加进去是没有用的,可以去掉重复的元素,如下图所示:

注意事项
1

注意ES6中的Set、Map和数组的异同点

2

注意for...in和for...of的区别

推荐信息