多语言展示
当前在线:1651今日阅读:84今日分享:32

如何使用ES6中的运算符控制数组和Set之间转换

在使用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之间相互转换

推荐信息