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