`
wsj123
  • 浏览: 154306 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

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

阅读更多
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中引用此文件即可。
分享到:
评论

相关推荐

    json-lib-2.4和相应的依赖包

    前端JavaScript可以直接解析JSON数据,实现与后端的有效交互。 总的来说,json-lib-2.4是Java开发中处理JSON数据的一个实用工具,尤其适用于需要在Java和JSON之间进行数据转换的项目。尽管现在有许多更新和更强大的...

    json-lib-2.4-jdk15.jar

    json-lib是一个Java库,它提供了一种方便的方式来序列化和反序列化Java对象为JSON格式,以及将JSON数据转换回Java对象。 json-lib-2.4-jdk15.jar是json-lib的一个特定版本,适用于JDK 1.5环境。这个版本的库包含了...

    json-lib-2.3-jdk15开发包和所有依赖包

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。...同时,理解并熟练运用`json-lib`提供的API,可以帮助你有效地处理JSON数据,提高开发效率。

    vue-json-tree-view-master.zip

    Vue JSON Tree View是一款基于Vue.js框架的开源组件,用于将JSON数据以清晰的树状结构展示出来。在前端开发中,处理和展示JSON数据时,这样的插件非常实用,能够帮助开发者直观地查看和理解复杂的数据结构。接下来,...

    json-lib-2.3-jdk15.jar包和prototype.js及jquery-1.3.1.js

    通过这个方法,开发者可以方便地处理从服务器返回的JSON数据,将其转化为可以直接在JavaScript中使用的对象。 "jquery-1.3.1.js" 是jQuery库的一个早期版本,jQuery是由John Resig创建的另一款非常流行的JavaScript...

    一个用于将JSON数据转换为Table的JavaScript库

    4. **列映射**:有时,JSON数据的键可能与表格列名不匹配,或者需要对某些字段进行特殊处理。为此,库提供了列映射功能,允许你指定JSON字段与表格列的对应关系,以及自定义转换函数。 5. **事件处理**:为了增加...

    json-lib-2.4-jdk15.jar全部JAR打包直接用

    客户端收到JSON数据后,同样可以使用对应的库(如JavaScript中的`JSON.parse()`)解析并操作这些数据。 `json-lib-2.4-jdk15.jar`中的`json-lib`版本为2.4,这意味着它包含了一些性能优化和修复了已知的问题。随着...

    JSON-js-master

    JSON-js-master 是一个开源...综上所述,JSON-js-master项目是一个专注于JSON操作的JavaScript库,它可能提供了丰富的功能,优化了性能,并且具有良好的可扩展性和兼容性,是开发人员在处理JSON数据时的一个有力工具。

    struts2 相关jar包 包含json-lib-2.1.jar+struts2-json-plugin-2.1.8.1.jar

    - 在客户端(如JavaScript)中发起AJAX请求,接收到服务器返回的JSON数据后进行解析和处理。 5. **安全性考虑**: 使用Struts2 JSON插件时,需要注意JSON/XML注入的安全风险。攻击者可能尝试通过构造恶意输入来...

    json-c0.13.1Release.rar

    JSON-C是C语言实现的一个JSON库,它提供了一系列API,使得开发者能够方便地在C程序中处理JSON数据。这个压缩包“json-c0.13.1Release.rar”包含的是json-c库的0.13.1版本,专为Visual Studio 2012(VS 2012)编译...

    json-taglib-0.4.1.jar

    JSON Taglib库提供了一组JSP标签,使得开发人员能够在JSP页面上方便地操作和显示JSON数据,而无需直接编写JavaScript代码。这大大简化了在服务器端生成动态HTML页面的过程,并提高了开发效率。通过使用这些标签,你...

    json-lib-2.4-jdk15

    通过运行这些示例,你可以更好地了解如何在实际项目中使用`json-lib`进行JSON数据的处理。记住,实践是检验真理的唯一标准,所以尝试自己动手操作,理解每一步的作用,将有助于你掌握这个强大的工具。

    json_simple-1.1-all.zip

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。它以文本形式存储和传输数据,易于人阅读和编写,同时也易于机器解析和生成。Java作为常用的后端开发语言,与...

    json-lib-2.0-jdk15-sources.zip

    这些类提供了丰富的API,供开发者操作JSON数据。 5. **元信息(META-INF)**:在压缩包中的META-INF目录可能包含项目配置、版本信息和其他元数据。例如,MANIFEST.MF文件通常记录了项目的主类、依赖库和其他属性。 ...

    jQuery-Plugin-For-Easily-Readable-JSON-Data-Viewer.zip

    然而,原始的JSON数据通常以纯文本形式展示,对于大型、结构复杂的数据,直接查看可能会显得杂乱无章,不易于理解和分析。这时,我们就需要借助工具来美化和格式化JSON数据,使其更易于阅读。 "jQuery-Plugin-For-...

    java-json-lib-jdk13.zip

    在Java中,处理JSON数据时通常需要依赖特定的库,因为Java标准库JDK本身并不直接支持JSON操作。针对“Java Json jdk 完整依赖包”的主题,我们将深入探讨JSON在Java中的应用以及相关的库。 首先,`java-json-lib-...

    json-lib-2.4-jdk15及其依赖jar包.rar

    `json-lib`是一个Java库,用于将Java对象转换为JSON格式,以及将JSON数据转换回Java对象。`json-lib-2.4-jdk15`是该库的一个特定版本,适用于Java 1.5环境。 该压缩包"json-lib-2.4-jdk15及其依赖jar包.rar"包含的...

    JSONView-for-Chrome-master.zip

    这款扩展提供了一种清晰、结构化的视图来展示JSON数据,使得非技术背景的用户也能理解数据内容。 JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式,以易于人阅读和编写,同时也易于机器解析和生成。...

    struts2-json-plugin-2.1.8.1.jar

    在Struts2框架中,该插件允许开发者将Action的返回结果直接转换为JSON格式,方便进行Ajax(Asynchronous JavaScript and XML)操作,提高Web应用的响应速度和用户体验。 标题"struts2-json-plugin-2.1.8.1.jar"表明...

Global site tag (gtag.js) - Google Analytics