开发者社区> angel挤一挤> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

【js jQuery】map集合 循环迭代取值---以及 map、json对象、list、array循环迭代的方法和区别

简介: 后台给前台传来一个map    @ResponseBody @RequestMapping(value = "getSys") public Map getSys(){ Map map = orderService.
+关注继续查看

后台给前台传来一个map

   @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对象就是可以的。

 

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
fastjson:Json和Java对象转换
fastjson:Json和Java对象转换
0 0
json对象和json字符串之间的转化
json对象和json字符串之间的转化
0 0
Json和对象之间转换的封装(Gson)
前段时间由于做spring boot的后端,经常需要进行Json 和对象之间的转换,所以利用Gson结合Kotlin扩展函数的特性封装了两个非常方便的函数,如果是其他语言,也可以封装一下,就是没Kotlin方便了。下面展示一下最终封装效果
0 0
Json \ Jackson \ ObjectMapper 的关系,Java对象和Json对象的相互转化
Json \ Jackson \ ObjectMapper 的关系,Java对象和Json对象的相互转化
0 0
SSM的整合及spring-config.xml文件的配置信息,时间日期转换器、Json对象注解配置
SSM的整合及spring-config.xml文件的配置信息,时间日期转换器、Json对象注解配置
0 0
dart中json和对象互转
开发过程中,json是必不可少的基础技能之一。这里记录下,在Dart语言中,如何将json解析成实例对象,以及如何将实例对象转化成json字符串。
0 0
对前端传入的json对象解析成多个对象
如果是多个对象呢?那怎么解决这个问题? 此时就可以用到: multiRequestBodyDemo(@MultiRequestBody("dog") Dog dog, @MultiRequestBody("user") User user) 这种方式进行接收了。但spring boot是不支持这种方式的。因此,就需要自己写一个解析器来解析这样的传入方式和接收的方式。通常,比如我们有分页和对象时,就可以采用这种方式进行接收。
0 0
Map转成JSON字符串,对象转成JSON字符串,JSON.toJSONString()全解决
Map转成JSON字符串,对象转成JSON字符串,JSON.toJSONString()全解决
0 0
前端传json对象后台接收
前端传json对象后台接收
0 0
+关注
angel挤一挤
【任何0基础都能看懂的步骤和解决方法!】
文章
问答
文章排行榜
最热
最新
相关课程
更多
相关电子书
更多
编程语言如何演化—— 以 JS 的 private 为例
立即下载
编程语言如何演化-以JS的private为例
立即下载
Python第五讲——关于爬虫如何做js逆向的思路
立即下载