多语言展示
当前在线:1359今日阅读:103今日分享:49

如何使用ES6中的方法比较Set和Map两者不同之处

在ES6中,集合类型有Set和Map,Set类型没有键值对,且不能出现重复的元素;Map类是以键值对形式展示,键不能重复,但是值可以重复。Set添加元素使用add(),Map使用set();Set和Map删除元素都是使用delete(),判断元素是否在集合中都是使用has()。下面利用几个实例说明Set和Map类型的区别,操作如下:
工具/原料
1

ES6

2

JavaScript

3

HTML5

4

CSS3

5

HBuilderX

6

浏览器

7

截图工具

方法/步骤
1

第一步,在新建的JavaScript中,定义一个Set集合类型变量s,并调用add()方法添加元素,如下图所示:

2

第二步,调用console.log()打印变量s,然后调用delete()方法删除元素13,再次打印变量s,如下图所示:

4

第四步,再次使用console.log打印变量m,调用delete()方法删除key值为字符b,如下图所示:

5

第五步,依次调用Set集合类型和Map集合类型中的has()方法,判断对应的元素是否在集合中,如下图所示:

6

第六步,将已创建好的JS文件导入到HTML5界面中,然后使用浏览器控制台查看打印结果,如下图所示:

注意事项
1

注意ES6中Set集合类型和Map集合类型展示的形式不同之处

2

注意ES6中Set和Map添加元素的区别

推荐信息