龙空技术网

JavaScript-Dictionary与JSON对象 230

传承文化瑰宝 166

前言:

此时同学们对“ajax前台循环json对象”可能比较讲究,同学们都需要分析一些“ajax前台循环json对象”的相关文章。那么小编同时在网上收集了一些对于“ajax前台循环json对象””的相关资讯,希望小伙伴们能喜欢,你们快快来学习一下吧!

JS中的键值对集合类似C#中的Dictionary集合,在JS中还是以数组方式呈现,存储时数组使用下标,而键值对集合存储时是以键值对方式存储;不能使用for遍历键值对集合

 <script type="text/javascript">        var p = new Array();        p['name'] = '张三';        p['age'] = 18;        p['sex'] = '男';        p[0]='河南';        for(var i=0;i<p.length;i++){            alert(p[i]);        }    </script>

遍历键值对集合

由上图可以看出使用for循环集合的Length属性值与集合总数根本不一样,遍历键值对集合应该使用for..in..循环

        var p = new Array();        p['name'] = '张三';        p['age'] = 18;        p['sex'] = '男';        p[0] = '河南';                for (var key in p) {            alert('键: '+key+'  值: '+p[key]);        }

使用for..in..循环遍历键值对集合p[0]='河南'中的键是下标的0

键值对集合也是JS中的一个对象,例题中对象p也可以通过对象.属性的方式访问

alert(p.name);

键值对集合简化声明方式

var p={'name':'王五','age':20,'sex':'男'};//这种格式也叫json格式或者json对象

在asp.net中的异步传输的Ajax中使用JSON格式传输数据非常便利好用,一般都是以json对象的数组方式由后台向前台传输数据

       //声明学生信息的json数组        var stus=[        {'id':100001,'name':'zs','age':18,'Cid':'101'},        {'id':100002,'name':'ls','age':19,'Cid':'102'},        {'id':100003,'name':'ww','age':20,'Cid':'103'}        ];        //遍历json数组        for(var i=0;i<stus.length;i++){            alert('学号:'+stus[i].id+'姓名:'+stus[i].name+'年龄:'+stus[i].age+'班级编号:'+stus[i].Cid);        }

数组中每个大括号代表一个学生对象,通过其对象.属性的方式输出该学生对应的信息

      //声明一个类似'多维'数组的json      var stus=[        {'id':100001,'name':'zs','age':18,'Class':{'cid':'101','cname':'高一'}},        {'id':100002,'name':'ls','age':19,'Class':{'cid':'102','cname':'高二'}},        {'id':100003,'name':'ww','age':20,'Class':{'cid':'103','cname':'高三'}}        ];      //遍历json数组        for(var i=0;i<stus.length;i++){            alert(stus[i].name+' , '+stus[i].Class.cname);        }

标签: #ajax前台循环json对象