【js jQuery】map集合 循环迭代取值---以及 map、json对象、list、array循环迭代的方法和区别
2017-11-23 10:51
2036 查看
后台给前台传来一个map
前台js中怎么迭代呢?【注意each的使用】这只是一种方法,如果想看更多的方法和各个方法的区别,请往下看分割2.
结果如下:
================================================================分割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对象就是可以的。
@ResponseBody @RequestMapping(value = "getSys") public Map<Long,String> getSys(){ Map<Long,String> map = orderService.getSysDate(); return map; }
前台js中怎么迭代呢?【注意each的使用】这只是一种方法,如果想看更多的方法和各个方法的区别,请往下看分割2.
$.post("getSys.jhtml", function(data){ var temp = ""; $.each(data,function(i,d){ temp += '<option value="'+i+'" >'+d+'</option>'; }); 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对象就是可以的。
相关文章推荐
- java中把对象、对象bean、list集合、对象数组、Map和Set以及字符串转换成Json
- jQuery通过json的方式响应map的list对象集合,并以table的形式展示
- Java基础:循环迭代Array/List/Set/Map集合 增强for循环
- js中数据结构数组Array、映射Map、集合Set、对象、JSON
- java中把对象、对象bean、list集合、对象数组、Map和Set以及字符串转换成Json
- java中把对象、对象bean、list集合、对象数组、Map和Set以及字符串转换成Json
- Java中把对象、对象bean、list集合、对象数组、Map和Set以及字符串转换成Json
- java中把对象、对象bean、list集合、对象数组、Map和Set以及字符串转换成Json
- js反序列化和序列化的含义以及区别(jsonObject与jsonArray和map区别)
- jquery中ajax如何返回值到上层函数的方法以及对于js处理json对象方法的记录
- java 集合 之 链表和线性表以及ArrayList的各方法的介绍及示例 及 ArrayList与LinkedList的区别分析 及 ArrayList与Array(数组)的区别
- js遍历拼接list集合对象,JSONArray数组
- js遍历拼接list集合对象,JSONArray数组
- js循环array,json,map
- 示例:将通过js获取的json字符串转换为Map、List集合(不太重要)
- SSH JQuery Json ajax请求返回List对象集合
- JSON对象中的JSONObject和JSONArray以及与Map、String、数组的转化
- 黑马程序员:Java基础——List集合共性方法,Iterator迭代和集合具体对象的特点
- 关于ASP.NET下,JQuery+AJAX使用JSON返回对象集合List数据的总结
- Jquery遍历筛选数组的几种方法和遍历解析json对象|Map()方法详解