关于json

1. json数据格式及json语法

基本格式

var json = { name : 'leo', age : 32 };
alert( json.name );

下面两种写法都可以，第二种安全。

var json2 = { name : 'miaov' };
var json2 = { 'name' : 'miaov' };

// alert( json2.name );
// alert( json2['name'] );

json里面也可以包含数组

{ [], [], [] }      [ {}, {}, {} ]
var arr = [ { 'name' : 'TM', 'age' : 23 }, { 'name' : 'leo', 'age' : 32 } ];
alert( arr[0].name + '今年有' + arr[1]['age']  );

2. for-in遍历json

一般的遍历

var json4 = { 'name' : 'miaov', 'age' : 3, 'fun' : '前端开发'  };

for ( var attr in json4  ) {
     alert( attr );//name,age....
     alert( json4[attr] );//miaov,3...
}

json嵌套数组的遍历

var json5 = {
    'url' : [ 'img/1.png', 'img/2.png', 'img/3.png', 'img/4.png' ],
    'text' : [ '小宠物', '图片二', '图片三', '面具' ]
};

// var arr = [ {}, {}, {} ];

for ( var attr in json5 ) {
    for ( var i=0; i < json5[attr].length; i++ ) {
    //依次弹出img/1.png..img/4.png..小宠物..面具
        alert( json5[attr][i] );
    }
}

for-in遍历对象属性

var str = '';
var num = 0;
for ( var attr in document ) {
    str += num + '. ' + attr + ':' +document[attr] + '<br />';
    num ++;
}
document.body.innerHTML = str;

关于for循环和for-in的使用

• json没有length属性
• for-in即可为json服务也可为数组服务

var json = {
    'url' : [ 'img/1.png', 'img/2.png', 'img/3.png', 'img/4.png' ],
    'text' : [ '小宠物', '图片二', '图片三', '面具' ]
};

var arr = [ 'a', 'b', 'c' ];

for ( var i in arr ) {
    alert( arr[i] );
}