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

后台给前台传来一个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对象就是可以的。

 

时间: 2024-10-27 20:54:47

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

jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动

 这篇文章主要介绍了jquery实现下拉菜单的二级联动利用json对象从DB取值显示联动,需要的朋友可以参考下 利用struts2和Ajax实现json对象的传输,然后实现菜单的二级联动    下面是我的 js文件原码:   代码如下: var mail={  //初始化  init:{  //初始化数据  initdata:{  did:'',  ttitle:'',  sendpassword:'',  description:''  },  //初始化事件  initevent:{  Da

jQuery对html元素的取值与赋值实例详解_jquery

本文实例讲述了jQuery对html元素的取值与赋值方法.分享给大家供大家参考,具体如下: Jquery给基本控件的取值.赋值 TEXTBOX: var str = $('#txt').val(); $('#txt').val("Set Lbl Value"); //文本框,文本区域: $("#text_id").attr("value",'');//清空内容 $("#text_id").attr("value&qu

jquery select radio name input 取值

 文章提供这文章是关于 jquery select radio name input  取值 并且后面一段代码是 jquery select radio name input  选中值代码. 获取值: 文本框,文本区域:$("#txt").attr("value"): 多选框checkbox:$("#checkbox_id").attr("value"): 单选组radio: $("input[@type=radio

java的Map集合中按value值进行排序输出的实例代码_java

java的Map集合中按value值进行排序输出的实例代码 import java.util.Arrays; import java.util.Comparator; import java.util.HashMap; import java.util.Map; import java.util.Set; public class Test { public static void main(String[] args) { Map<String ,Integer> map = new Has

js实现hashtable的赋值、取值、遍历的教程

本文实例讲述了js实现hashtable的赋值.取值.遍历操作.分享给大家供大家参考,具体如下: 哈希表(Hashtable)这个概率应该是#c里面的概念,用来赋值.取值.遍历.排序操作提高效率.想起这个东西其实使我们以前经常遇到这样的面试题,一个很大的数组可能有100000个,如何快速知道它里面的出现最多的次数,那么这里我们可能就要用Hashtable的相关知识了.Javascript中,object的实现就是hash表,因此只要在object上封装点方法,再利用原生的hasOwnProper

java中如何用&amp;amp;lt;c:foreach&amp;amp;gt;迭代出list集合中的map集合中的value值

问题描述 action中的代码片段: int i = 0; Map map = new HashMap(); List list = new ArrayList(); map.put(i,ci); //ci是个Book对象 i++; list.add(map); session.put("list",list); //实现了SessionAware接口那么我在JSP页面中要如何迭代出ci中的各个属性啊?或者我action哪里写错了?<c:forEach items="$

js给hidden赋值,后台取值不到值

问题描述 functionsay(fenshu){varjiade='<%=jiade.ClientID%>';varbb=fenshu;document.getElementById(jiade).value=bb;document.forms[0].submit();varst1r="<%=hello()%>";alert(st1r);}<inputid="jiade"type="hidden"runat=&qu

jQuery对表单元素的取值和赋值操作代码_jquery

$("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取单选按钮的值*/ var valradio = $("input[type=radio]:checked").va

关于js php 处理checkbox checked与取值学习笔记

关于js php教程 处理checkbox checked与取值学习笔记 --> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"> <html xmlns="http://www.111cn.net/1999/xhtml">