首页 > 软件开发 > JavaScript >

如何利用JavaScript语言获取Map集合中元素个数

来源:互联网 2023-03-16 23:56:42 432

Java中有Map集合,是有键值对构成;同样的,JavaScript从ES6之后Map也适用,跟在Java里用法一样。JS中的Map添加元素利用set方法,获取元素个数利用size,下面利用一个实例说明获取map元素的个数,操作如下:Y9Z办公区 - 实用经验教程分享!

如何利用JavaScript语言获取Map集合中元素个数Y9Z办公区 - 实用经验教程分享!

工具/原料

  • eclipse
  • JavaScript
  • jdk1.8
  • Tomcat8.x
  • 截图工具
  • 浏览器

方法/步骤

  • 1

    第一步,打开eclipse开发工具,新建静态页面mapsize.html,如下图所示:Y9Z办公区 - 实用经验教程分享!

    如何利用JavaScript语言获取Map集合中元素个数Y9Z办公区 - 实用经验教程分享!

  • 2

    第二步,在body>/body>插入一个输入框和一个按钮,设置它们id属性,如下图所示:Y9Z办公区 - 实用经验教程分享!

    如何利用JavaScript语言获取Map集合中元素个数Y9Z办公区 - 实用经验教程分享!

  • 3

    第三步,编写函数querySize,声明一个Map集合,利用set方法添加元素,然后将获取Map集合元素个数赋值给输入框,如下图所示:Y9Z办公区 - 实用经验教程分享!

    如何利用JavaScript语言获取Map集合中元素个数Y9Z办公区 - 实用经验教程分享!

  • 3此文章未经许可获取自百度经验
  • 4

    第四步,然后在button绑定onclick事件,保存代码,如下图所示:Y9Z办公区 - 实用经验教程分享!

    如何利用JavaScript语言获取Map集合中元素个数Y9Z办公区 - 实用经验教程分享!

  • 5

    第五步,启动Tomcat服务器,在浏览器中查看页面效果,单击按钮,查看输入框显示数字,如下图所示:Y9Z办公区 - 实用经验教程分享!

    如何利用JavaScript语言获取Map集合中元素个数Y9Z办公区 - 实用经验教程分享!

    如何利用JavaScript语言获取Map集合中元素个数Y9Z办公区 - 实用经验教程分享!

  • 6

    第六步,再次修改代码,对Map集合添加元素,再次预览页面,查看效果,如下图所示:Y9Z办公区 - 实用经验教程分享!

    如何利用JavaScript语言获取Map集合中元素个数Y9Z办公区 - 实用经验教程分享!

  • 注意事项

    • 注意JavaScript中的map用法
    • 注意获取map中元素个数

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


    标签: JAVASCRIPT

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