<body>
<p>演示JSON的基本类型、语法、元素、转换：</p>
<p id="demo"></p>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
var str="";
var user = {
"name":"fiction", //字符串
"age":30 , //数字
"flag":true, //布尔值
"icCard":null, //空值null
"phones": [ //数组
{ "name":"中国移动" , "number":"1234567890" },
{ "name":"中国联通" , "number":"0987654321" },
{ "name":"中国电信" , "number":"6789054321" }
],
"friend": { //对象
"name":"胡歌",
"age":30,
"phone":"12345678765"
}
}
//获取名字
var name = user.name;
str += "我的名字：" + name + "<br>";
//获取年龄
var age = user["age"];
str += "我的年龄：" + age + "<br>";
//##################################
//获取对象
var friend = user.friend;
//循环对象
for( item in friend){
str += "朋友：" + item + " is: " + friend[item] + "<br>" ;
}
//朋友 对象转为字符串
var friendStr = JSON.stringify(friend);
str += "朋友的信息：" + friendStr + "<br>";
//获取朋友名字
var friendName = user.friend.name;
//获取朋友年龄
var friendAge = user.friend["age"];
//##################################
//获取数组
var phones = user.phones;
//循环数组
for( item in phones){ //item只是索引，不是数组里的元素
str += "联系方式：" + phones[item].name + " is: "+phones[item].number + "<br>" ;
}
//数组转字符串
var phonesStr = JSON.stringify(phones);
str += "联系方式字符串：" + phonesStr + "<br>";
document.getElementById("demo").innerHTML = str;
//转JSON对象的函数解析
var textWithFunc = '{ "name":"Runoob", "alexa":"function () {return 10000;}", "site":"www.runoob.com"}';
var toJsonFunc = JSON.parse(textWithFunc);
toJsonFunc.alexa = eval("(" + toJsonFunc.alexa + ")");
document.getElementById("demo1").innerHTML = toJsonFunc.name + " Alexa 排名：" + toJsonFunc.alexa();
//转JSON对象的日期解析
var textWithDate = '{ "name":"Runoob", "initDate":"2013-12-14", "site":"www.runoob.com"}';
var toJsonDate = JSON.parse(textWithDate, function (key, value) {
if (key == "initDate") {
return new Date(value);
} else {
return value;
}});
document.getElementById("demo2").innerHTML = toJsonDate.name + "创建日期：" + toJsonDate.initDate;
</script>
</body>
1、JSON语法
2、JSON对象
3、JSON数组
4、JSON.parse()
5、JSON.stringify()