您的位置：首页 > Web前端 > JavaScript

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

2017-02-13 14:15 393 查看
[b]1.json数据格式:var json={}[/b]
　　示例一：

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’


[b]2.改写json数据：先获取值再赋值[/b]
　　示例：

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


[b]3.数组里面包含json格式的写法：[/b]
　　示例：

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’


[b]4.json遍历：for-in[/b]
　　示例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','第一张图','第二张图'
}
}


[b]5.for-in 与 for循环[/b]
json不具有长度的属性，所以for循环不适应于json

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

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


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

var str="";
var num=0;
for(var attr in window){
str += num + '.' + attr + ':' + window[attr] + '<br>';
num++;
}
document.write(str);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航