JavaScript-Dictionary与JSON对象 230

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);
        }