养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

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

时间:2024-11-12 11:47:22

Java中有Map集合,是有键值对构成;同样的,Jav瞢铍库祢aScript从ES6之后Map也适用,跟在J锾攒揉敫ava里用法一样。JS中的Map添加元素利用set方法,获取元素个数利用size,下面利用一个实例说明获取map元素的个数,操作如下:

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

工具/原料

eclipse

JavaScript

jdk1.8

Tomcat8.x

截图工具

浏览器

方法/步骤

1、第一步,打开eclipse开发工具,新建静态页面mapsize.html,如下图所示:

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

2、第二步,在<body></body>插入一个输入框和一个按钮,设置毋队末哎它们id属性,如下图所示:

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

3、第三步,编写函数querySize,声明一个Map集合,利用set方法添加元素,然后将获取怡觎现喾Map集合元素个数赋值给输入框,如下图所示:

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

4、第四步,然后在button绑定onclick事件,保存代码,如下图所示:

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

5、第五步,启动Tomcat服务器,在浏览器中查看页面效果,单击按钮,查看输入框显示数字,如下图所示:

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

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

6、第六步,再次修改代码,对Map集合添加元素,再次预览页面,查看效果,如下图所示:

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

© 一点知识