JSON实例
下面列出一些常见的JSON语法案例,供搭建参考学习
一、案例1
<!DOCTYPE html>
<html>
<title>JSON语法案例</title>
<body>
<script type="text/javascript">
var person = {
username:"杰克",
age:30,
isLove:true,
gender:"男"
};
alert(person.username);
alert(person.age);
alert(person.isLove==true?"结婚":"未婚");
alert(person.gender);
</script>
</body>
</html>
结果:
杰克
30
结婚
男
二、案例2
<!DOCTYPE html>
<html>
<title>JSON语法案例</title>
<body>
<script type="text/javascript">
var persons = [
{username:"杰克",age:30,isLove:true,gender:"男"},
{username:"玛丽",age:25,isLove:false,gender:"女"},
{username:"露丝",age:20,isLove:false,gender:"女"}
];
for(var i = 0;i<persons.length;i++){
alert(persons[i].username);
alert(persons[i].age);
alert(persons[i].isLove==true?"结婚":"未婚");
alert(persons[i].gender);
}
</script>
</body>
</html>
结果:
杰克
30
结婚
男
玛丽
25
未婚
女
露丝
20
未婚
女
三、案例3
<!DOCTYPE html>
<html>
<title>JSON语法案例</title>
<body>
<script type="text/javascript">
var person = {
"province":[
{city:"北京"},
{city:"上海"},
{city:"广州"}
]
};
alert(person.province[2].city);
</script>
</body>
</html>
结果:
广州
四、案例4
<!DOCTYPE html>
<html>
<title>JSON语法案例</title>
<body>
<script type="text/javascript">
var person = {
"city":["北京","广州","上海"]
};
alert("共有"+person.city.length+"个城市");
alert("第一个城市为"+person.city[0]);
</script>
</body>
</html>
结果:
共有3个城市
第一个城市为北京
热门文章
优秀文章