JS对JSON数据的操作-直接操作

最新推荐文章于 2023-11-28 21:32:56 发布

iteye_16353

最新推荐文章于 2023-11-28 21:32:56 发布

阅读量261

点赞数

分类专栏： JS@JSON 文章标签： JavaScript json ViewUI

本文链接：https://blog.csdn.net/iteye_16353/article/details/82652931

版权

JS@JSON 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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