在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的区别