首页 > 软件开发 > JavaScript >

如何使用ES6中的Set中的方法操作对应的元素

来源:互联网 2023-03-16 23:58:16 368

在JavaScript的新标准ES6中,新增了一个Set集合类型,Set中的元素不能出现重复的。可以使用自带的方法操作Set集合中的元素,如下:IJf办公区 - 实用经验教程分享!

(1)add:添加元素IJf办公区 - 实用经验教程分享!

(2)delete:删除元素IJf办公区 - 实用经验教程分享!

(3)has:判断是否包含某个元素IJf办公区 - 实用经验教程分享!

(4)clear:清除Set集合IJf办公区 - 实用经验教程分享!

下面利用几个实例说明Set集合中方法的使用,操作如下:IJf办公区 - 实用经验教程分享!

如何使用ES6中的Set中的方法操作对应的元素IJf办公区 - 实用经验教程分享!

工具/原料

  • HBuilder
  • JavaScript
  • ES6
  • 浏览器
  • 截图工具

方法/步骤

  • 1

    第一步,打开HBuilder工具,新建JavaScript文件;定义一个Set集合变量s1,然后调用add()方法添加元素,并打印结果,如下图所示:IJf办公区 - 实用经验教程分享!

    如何使用ES6中的Set中的方法操作对应的元素IJf办公区 - 实用经验教程分享!

  • 2

    第二步,直接运行这个JavaScript文件,查看运行结果,重复的元素删除了,如下图所示:IJf办公区 - 实用经验教程分享!

    如何使用ES6中的Set中的方法操作对应的元素IJf办公区 - 实用经验教程分享!

  • 3

    第三步,再次调用Set集合中的delete方法,删除集合元素,连续调用两次,如下图所示:IJf办公区 - 实用经验教程分享!

    如何使用ES6中的Set中的方法操作对应的元素IJf办公区 - 实用经验教程分享!

  • 4

    第四步,运行JS文件,出现了报错,并提示delete方法不能连续调用,如下图所示:IJf办公区 - 实用经验教程分享!

    如何使用ES6中的Set中的方法操作对应的元素IJf办公区 - 实用经验教程分享!

  • 5

    第五步,修改删除方法代码,只调用一次delete方法,然后再次运行文件,结果删除成功,如下图所示:IJf办公区 - 实用经验教程分享!

    如何使用ES6中的Set中的方法操作对应的元素IJf办公区 - 实用经验教程分享!

  • 6

    第六步,如果想要判断某个元素是否在Set集合中,直接使用has方法,返回结果为true,表示包含;否则不包含,如下图所示:IJf办公区 - 实用经验教程分享!

    如何使用ES6中的Set中的方法操作对应的元素IJf办公区 - 实用经验教程分享!

  • 6此文章未经许可获取自百度经验
  • 注意事项

    • 注意使用ES6中Set的方法使用
    • 注意新增、修改和删除Set中的元素

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!IJf办公区 - 实用经验教程分享!


    标签: JAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码