博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【js jQuery】map集合 循环迭代取值---以及 map、json对象、list、array循环迭代的方法和区别...
阅读量:7114 次
发布时间:2019-06-28

本文共 1432 字,大约阅读时间需要 4 分钟。

后台给前台传来一个map

   @ResponseBody    @RequestMapping(value = "getSys")    public Map
getSys(){ Map
map = orderService.getSysDate(); return map; }

 

前台js中怎么迭代呢?【注意each的使用】这只是一种方法,如果想看更多的方法和各个方法的区别,请往下看分割2.

$.post("getSys.jhtml", function(data){                      var temp = "";           $.each(data,function(i,d){               temp += '';           });                      console.log(temp);           debugger;                      $("#lab").append(temp);                });

结果如下:

 

 ================================================================分割1:js小知识==========================================================

 【小知识点】:

①debugger;     页面刷新会停留在代码的debugger;行。类似于js中打断点

②console.log(temp);  打印在控制台

 

 

 

 ========================================================分割2:下面对比each两种写法的区别========================================================================

【注意一点】:

each的写法有两种,有一种可以map迭代、json对象迭代、数组迭代、list迭代。

         有一种,不能迭代map、json对象,只能迭代数组和list。

 

数组和list都靠下标取值,且js中并无list或map的概念。

所以,数组和list等同,在这里示例中。

    map和json对象等同,在这里示例中。【唯一区别在于下面示例中map的key并没有引号,而json对象的key一定要被引号引起来】

 

[$().each 迭代数组]

 

 [$().each 迭代map]

 

[$.each() 迭代map]

[$.each()  迭代数组]

 

 [for 循环数组]

 [for循环map]

 

 

=============================================================分割3:map和json转化===========================================================

 

而将map转化为标准json字符串,再转化为JSON对象就是可以的。

 

转载于:https://www.cnblogs.com/sxdcgaq8080/p/7883712.html

你可能感兴趣的文章
[summary] 线段树
查看>>
开发监控云组态软件的组成
查看>>
openfire插件开发入门——过滤脏话
查看>>
谈谈Exception,什么时候抛出?什么时候接住?
查看>>
Mac虚拟机安装win7攻略 必须点赞
查看>>
ubuntu 使用源安装高版本内核 --- apt命令
查看>>
非递归实现中序遍历二叉树
查看>>
Android Eclipse 导入 AS Gradle AAR 库手册
查看>>
推荐算法
查看>>
分析,理解,优化Laravel
查看>>
说说安全狗服云的优势与不足
查看>>
pip 安装flask
查看>>
7.springboot --dubbo 了解
查看>>
HTML 教程
查看>>
一道受用终生的面试题,谁能给出最好的答案
查看>>
java 报表的计算公式
查看>>
EOF是什么?
查看>>
Java8 默认方法简介
查看>>
Ubuntu下使用LAMP
查看>>
【转】技术普及帖:你刚才在淘宝上买了一件东西
查看>>