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

 时间:2024-11-07 07:42:13

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

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

工具/原料

ES6

JavaScript

HTML5

CSS3

HBuilderX

浏览器

截图工具

方法/步骤

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

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

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

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

3、第三步,使用同样的方法,定义Map类型变量m,使用set()方法给m添加元素,如下图所示:

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

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

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

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

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

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

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

疫情期间乘坐地铁如何防护? 手机碎屏特效怎么做 电话地址怎么查询 金针菇豆皮卷怎么做 如何不通过中介巧妙买到好的二手房
热门搜索
智能手机图片 杉杉来了图片 秦时明月白凤图片 文身图片 气象标志图片