JS对JSON数据的操作-直接操作
1.1 对JSON数据的操作
1.1.1 JSON对像结构数据的操作
1、访问数据
JSON对象.key； //返回键值
JSON对象["key"]； //返回键值
2、添加数据
JSON对象.key=value；
JSON对象["key"]=value；
3、修改数据
JSON对象.key = 新值;
4、删除数据
delete JSON对象.key;
5、遍历JSON对象
对于JSON对象结构，可以使用for…in…循环来遍历JSON对象中的数据。
1.1.2 JSON数组结构数据的操作
JSON数组结构数据，通过数组下标，再配合使用“.”或“[ ]”操作符，对于数据进行访问、添加、修改、删除、遍历JSON操作。
1.2实例应用
1.2.1 对JSON对象数据的操作
例1：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//JSON对象内部也有一个JSON对象
var obj ={"name":"helicopter","age":23,
"hobby":{"first":"swimming","second":"singing","third":"dancing"}};
//访问数据
document.write("名字是："+obj.name+"<br>");
//添加数据
obj.gender = "男";//或者obj["gender"]="男";
document.write("性别是："+obj.gender);
//修改数据
obj.name = "小杰";//或者obj["name"]="小杰";
document.write("姓名是："+obj.name+"<br>");
//删除数据
delete obj.age;
document.write("年龄是："+obj.age+"<br>"); //返回值undefined
//循环遍历
for(var c in obj){
if(c=="name"){
document.write("姓名是："+obj[c]);
}
}
</script>
</head>
<body></body>
</html>
1.2.2 对JSON数组数据的操作
例2：
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
var arr =[{"name":"小明","age":23,"gender":"男"},{"name":"小红","age":21,"gender":"女"}];
//访问数据
document.write("第一个学生的名字是："+arr[0].name+"<br>");
//添加数据
arr[1]["学号"]="201601";
document.write(arr[1]["学号"]+"<br>");
//删除数据
delete arr[0];
if(!arr[0]){
alert("数据已经被删除！");
}
//修改数据
arr[1].name="小兰";
document.write("第二个学生的名字是："+arr[1].name+"<br>");
//循环遍历
for(i=0;i<arr.length;i++){
if(arr[i]){
document.write("学生的名字是："+arr[i].name+"<br>");
}
}
</script>
</head>
<body></body>
</html>
1.2.3总结
例1中由于变量c是字符串，因此不能使用obj.c来获取JSON数据，而必须使用obj[c]来获取JSON数据。
使用delete关键字删除了数据时，删除后的数据被undefined替换。
注意：可以将<script>标签中的内容单独放在一个后缀名为.js的文件中进行操作，之后在HTML中引用此文件即可。