js怎么遍历我后台传过来的Map

js怎么遍历我后台传过来的Map,第1张

首先,你说的是后台传来,并且是map,并且用js方式。这有两个情况:

map 的值是实体类,无法遍历每条实体类的内部(js拿到键值对的值,是内存引用地址)

map 的值不是实体类,可以通过

var map = JSONparse('${变量名}');//转为json,注意要有引号

for ( var i in map) { // i是索引

var obj = map[i];

}

=============

针对第一种情况,2个方法:

1 后台先转为json字符串,再传给前端;

2 通过类似java的<c:foreach这样的后台语言 *** 作。

第一步,打开eclipse开发工具,新建静态页面mapsizehtml,如下图所示

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

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

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

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

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

/

@version 10

用于实现页面 Map 对象,Key只能是String,对象随意

/

var Map = function(){

this_entrys = new Array();

thisput = function(key, value){

if (key == null || key == undefined) {

return;

}

var index = this_getIndex(key);

if (index == -1) {

var entry = new Object();

entrykey = key;

entryvalue = value;

this_entrys[this_entryslength] = entry;

}else{

this_entrys[index]value = value;

}

};

thisget = function(key){

var index = this_getIndex(key);

return (index != -1) this_entrys[index]value : null;

};

thisremove = function(key){

var index = this_getIndex(key);

if (index != -1) {

this_entryssplice(index, 1);

}

};

thisclear = function(){

this_entryslength = 0;;

};

thiscontains = function(key){

var index = this_getIndex(key);

return (index != -1) true : false;

};

thisgetCount = function(){

return this_entryslength;

};

thisgetEntrys = function(){

return this_entrys;

};

this_getIndex = function(key){

if (key == null || key == undefined) {

return -1;

}

var _length = this_entryslength;

for (var i = 0; i < _length; i++) {

var entry = this_entrys[i];

if (entry == null || entry == undefined) {

continue;

}

if (entrykey === key) {//equal

return i;

}

}

return -1;

};

}

以上就是关于js怎么遍历我后台传过来的Map全部的内容,包括:js怎么遍历我后台传过来的Map、如何利用JavaScript语言获取Map集合中元素个数、js 有没有可以实现java 中map 对象的方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9808052.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-02
下一篇2023-05-02

发表评论

登录后才能评论

评论列表(0条)

    保存