首页 > 软件开发 > JavaScript >

如何在ES6中使用方法遍历Set集合中的key和value

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

在ES6新增的一个功能类型---Set,是一种可以装载不同元素的集合,跟Map一样,它也有key和value。但是,它的key和value是一样的。下面利用具体的实例说明Set集合中的key和value,操作如下:cyI办公区 - 实用经验教程分享!

如何在ES6中使用方法遍历Set集合中的key和valuecyI办公区 - 实用经验教程分享!

工具/原料

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

方法/步骤

  • 1

    第一步,在HBuilder指定的Web项目目录下,新建JS文件;然后声明Set集合变量s,并使用add()方法添加元素,如下图所示:cyI办公区 - 实用经验教程分享!

    如何在ES6中使用方法遍历Set集合中的key和valuecyI办公区 - 实用经验教程分享!

  • 2

    第二步,再调用for...of语句遍历Set集合,并打印Set集合元素,如下图所示:cyI办公区 - 实用经验教程分享!

    如何在ES6中使用方法遍历Set集合中的key和valuecyI办公区 - 实用经验教程分享!

  • 3

    第三步,如果要获取到Set集合中的key值,可以调用keys()方法,如下图所示:cyI办公区 - 实用经验教程分享!

    如何在ES6中使用方法遍历Set集合中的key和valuecyI办公区 - 实用经验教程分享!

  • 4

    第四步,想要获取key对应的键值,可以直接调用values()方法,如下图所示:cyI办公区 - 实用经验教程分享!

    如何在ES6中使用方法遍历Set集合中的key和valuecyI办公区 - 实用经验教程分享!

  • 5

    第五步,在Set集合中,可以使用对应的方法直接获取到key和value,entries()方法可以实现,如下图所示:cyI办公区 - 实用经验教程分享!

    如何在ES6中使用方法遍历Set集合中的key和valuecyI办公区 - 实用经验教程分享!

  • 5该信息非法爬取自百度经验
  • 6

    第六步,除了上述之外,还可以使用forEach循环遍历的方法获取Set集合key和value,如下图所示:cyI办公区 - 实用经验教程分享!

    如何在ES6中使用方法遍历Set集合中的key和valuecyI办公区 - 实用经验教程分享!

  • 注意事项

    • 注意ES6中的for...of循环语句的用法
    • 注意获取Set集合中的key和value值

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


    标签: JAVASCRIPT

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