js学习笔记12----json数据格式，语法，遍历

1.json数据格式:var json={}

　　示例一：

var user = {'name':'sese','age':'24','sex':'女'}
console.log(user.age); //结果返回‘24’
console.log(user['age']);//调用方法2

　　示例二：

var imgDate = {
    imgUrl:['1.png','2.png','3.png','4.png'],
    imgTitle:['第一张图','第二张图','第三张图','第四张图']
}
console.log(imgDate.imgUrl[0]); //结果返回‘1.png’

 

2.改写json数据：先获取值再赋值

　　示例：

var user = {'name':'sese','age':'24'}
user.name='丁小三';//也可以用user['name']='丁小三'来赋值
console.log(user['name']); //结果返回'丁小三'

 

3.数组里面包含json格式的写法：

　　示例：

var userArr = [{'name':'sese','age':'24'},{'name':'didi','age':'27'},{'name':'JJ','age':'32'}];
console.log(userArr[0].name); //结果返回‘sese’    
console.log(userArr[0]['name']); //结果返回‘sese’    

 

4.json遍历：for-in

　　示例1：

var user = {'name':'sese','age':'24','sex':'女'}
for(var attr in user){
    console.log(attr);//依次输出'name','age','sex',即键名
    console.log(user[attr]);//依次输出'sese','24','女',即键值
}    

　　示例2：json里面遍历数组

var imgDate = {
    'imgUrl':['1.png','2.png'],
    'imgTitle':['第一张图','第二张图']
}
for(var attr in imgDate){
    for(var i=0;i<imgDate[attr].length;i++){
        console.log(imgDate[attr][i]);//依次输出'1.png','2.png','第一张图','第二张图'
    }
}

 

5.for-in 与 for循环

json不具有长度的属性，所以for循环不适应于json

但是for-in同样适应于数组。

var arr=['a','b','c']
for(var i in arr){
    console.log(arr[i]);//依次输出'a','b','c'
}

 

6.一个小应用，查看浏览器window的属性：

var str="";
var num=0;
for(var attr in window){
    str += num + '.' + attr + ':' + window[attr] + '<br>';
    num++;
}
document.write(str);