在使用ES6中的Set集合类型时,可以利用这个类型对数组中的元素去重,而且数组和Set类型可以相互转换,并且转换之后的结果不会出现重复的元素。下面利用实例说明,操作如下:
工具/原料
1
JavaScript
2
ES6
3
HTML5
4
CSS3
5
HBuilderX
6
浏览器
7
截图工具
方法/步骤
1
第一步,在已创建好的JavaScript文件中,定义Set类型变量A,然后赋值数值类型元素,如下图所示:
2
第二步,接着使用扩展运算符将类型A包裹在中括号中,然后分别打印A和B,如下图所示:
3
第三步,然后将已经创建好的JS文件引入到静态页面中,利用页面在浏览器中预览,控制台打印出来结果,如下图所示:
4
第四步,保存代码并打开浏览器控制台,可以查看到Set类型变量A的值和数组B的值,如下图所示:
5
第五步,使用类似的方法定义一个数组C,利用数值类型组成元素,如下图所示:
6
第六步,然后再次使用扩展运算符,将操作处理之后的数据赋值给Set类型变量D,如下图所示:
注意事项
1
注意ES6中的扩展运算符的用法
2
注意ES6中的数组和Set之间相互转换