多语言展示
当前在线:1243今日阅读:39今日分享:10

如何在ES6中将数组遍历循环加载到Set集合中打印

在JavaScript中,数组是一种存储数据的结构,包含的元素可以是基本数据类型,并且可以重复;而Set集合也是JavaScript存储数据的一种结构,与数组的不同之处,它的元素是不能重复的。下面利用一个实例将数组中的元素加到Set集合中,操作如下:
工具/原料
1

ES6

2

JavaScript

3

HTML5

4

HBuilderX

5

浏览器

6

截图工具

方法/步骤
1

第一步,在HBuilderX工具中新建一个JavaScript文件(ES6版本),定义一个Set类型变量sa和一个数组as,如下图所示:

2

第二步,调用forEach函数方法遍历循环数组as,并调用Set集合中的add()方法,将数组中的元素添加到Set集合中,如下图所示:

3

第三步,再使用for...of语句,循环变量Set集合类型sa,并打印遍历的元素,如下图所示:

4

第四步,由于使用了HBuilderX工具,跟HBuilder不一样,这里把js引入到静态页面中,如下图所示:

6

第六步,再次打印Set集合类型变量sa的长度和sa,然后查看打印结果,如下图所示:

注意事项
1

注意ES6中的数组和Set集合的区别

2

注意如何使用Set集合方法对数组去重

推荐信息