首页 > 软件开发 > JavaScript >

如何使用ES6中的Map进行元素添加和获取元素大小

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

在ES6标准中,新加了一种集合类----Map,Map是由key和value组合起来的,value可以重复,但是key不能重复。可以使用set()方法添加元素、get()方法获取元素、size()获取元素数量。下面利用几个实例说明Map中的方法的用法,操作如下:t7a办公区 - 实用经验教程分享!

如何使用ES6中的Map进行元素添加和获取元素大小t7a办公区 - 实用经验教程分享!

工具/原料

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

方法/步骤

  • 1

    第一步,双击打开HBuilder编辑工具,新建一个JavaScript文件;声明一个Map对象变量,然后利用add()方法添加元素,如下图所示:t7a办公区 - 实用经验教程分享!

    如何使用ES6中的Map进行元素添加和获取元素大小t7a办公区 - 实用经验教程分享!

  • 2

    第二步,添加了元素之后,可以使用get()方法获取Map对象中的元素,如下图所示:t7a办公区 - 实用经验教程分享!

    如何使用ES6中的Map进行元素添加和获取元素大小t7a办公区 - 实用经验教程分享!

  • 3

    第三步,获取Map对象中的元素个数使用size,判断某个元素是否在Map中使用has(),如下图所示:t7a办公区 - 实用经验教程分享!

    如何使用ES6中的Map进行元素添加和获取元素大小t7a办公区 - 实用经验教程分享!

  • 4

    第四步,删除Map对象中的一个元素,可以使用delete()方法,删除前后可以使用size和has方法判断,如下图所示:t7a办公区 - 实用经验教程分享!

    如何使用ES6中的Map进行元素添加和获取元素大小t7a办公区 - 实用经验教程分享!

  • 4此文章非法爬取自百度经验
  • 5

    第五步,如果要清除Map中所有元素,可以使用clear()方法,如下图所示:t7a办公区 - 实用经验教程分享!

    如何使用ES6中的Map进行元素添加和获取元素大小t7a办公区 - 实用经验教程分享!

  • 6

    第六步,以键值对的形式展示Map中的元素,或只查看键的话,可以使用let...of语句或keys()方法,如下图所示:t7a办公区 - 实用经验教程分享!

    如何使用ES6中的Map进行元素添加和获取元素大小t7a办公区 - 实用经验教程分享!

  • 7

    第七步,如果只是查看Map对象中的value值,可以直接调用values()方法,如下图所示:t7a办公区 - 实用经验教程分享!

    如何使用ES6中的Map进行元素添加和获取元素大小t7a办公区 - 实用经验教程分享!

  • 注意事项

    • 注意使用ES6中的Map操作其中的元素
    • 注意如何调用Map中的方法添加和统计元素

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


    标签: JAVASCRIPT

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