在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集合方法对数组去重
下一篇:js数组遍历的方法