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

 

相关文章
|
14天前
|
JSON JavaScript IDE
JSON 数据格式化方法
JSON 数据格式化方法
27 3
|
1天前
|
JSON JavaScript 前端开发
jQuery获取json文件的方法
jQuery获取json文件的方法
|
1天前
|
JavaScript 前端开发
JS循环语句以及一些小练习
JS循环语句以及一些小练习
|
2天前
|
JavaScript 前端开发
JavaScript 数组的函数 map/forEach/reduce/filter
JavaScript 数组的函数 map/forEach/reduce/filter
|
4天前
|
JSON PHP 数据格式
蓝易云 - PHP用CURL发送Content-type为application/json的POST请求方法
在这段代码中,我们首先创建了一个包含我们要发送的数据的数组,并使用 `json_encode`函数将其转换为JSON格式。然后,我们初始化了一个cURL会话,并设置了一些选项,包括POST请求方法、要发送的数据、返回结果和HTTP头部信息。最后,我们执行了cURL请求并关闭了会话。
8 2
|
1月前
|
前端开发 JavaScript 程序员
Javascript:forEach、map、filter、reduce、reduceRight
Javascript:forEach、map、filter、reduce、reduceRight
|
1月前
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
23 1
|
1月前
|
JavaScript 前端开发
比较JavaScript中的for...in和for...of循环
比较JavaScript中的for...in和for...of循环
|
1月前
|
存储 缓存 JavaScript
JavaScript中的Set和Map:理解与使用
JavaScript中的Set和Map:理解与使用
|
2天前
|
Java 索引
Java List实战:手把手教你玩转ArrayList和LinkedList
【6月更文挑战第17天】在Java中,ArrayList和LinkedList是List接口的实现,分别基于动态数组和双向链表。ArrayList适合索引访问,提供快速读取,而LinkedList擅长插入和删除操作。通过示例展示了两者的基本用法,如添加、访问、修改和删除元素。根据场景选择合适的实现能优化性能。