`
ldl_xz
  • 浏览: 68983 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

js、javascript操作json总结

 
阅读更多

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。

<!--more-->

本文主要是对JS操作JSON的要领做下总结。

在JSON中,有两种结构:对象和数组。

  1. 一个对象以“{”(左括号)开始,“}”(右括号)结束。每个“名称”后跟一个“:”(冒号);“‘名称/值’ 对”之间运用 “,”(逗号)分隔。 名称用引号括起来;值如果是字符串则必须用括号,数值型则不须要。例如:

    var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};

  2. 数组是值(value)的有序集合。一个数组以“[”(左中括号)开始,“]”(右中括号)结束。值之间运用 “,”(逗号)分隔。

例如:

var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

为了方便地处理JSON数据,JSON提供了json.js包,下载地址:http://www.json.org/json.js

在数据传输流程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键。例如:

SON字符串:

var str1 = '{ "name": "cxh", "sex": "man" }';

JSON对象:

var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串转换为JSON对象

要运用上面的str1,必须运用下面的要领先转化为JSON对象:

//由JSON字符串转换为JSON对象

var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

或者

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后,就可以这样读取:

Alert(obj.name);

Alert(obj.sex);

特别留心:如果obj本来就是一个JSON对象,那么运用 eval()函数转换后(哪怕是多次转换)还是JSON对象,但是运用 parseJSON()函数处理后会有疑问(抛出语法异常)。

二、可以运用 toJSONString()或者全局要领 JSON.stringify()将JSON对象转化为JSON字符串。

例如:

var last=obj.toJSONString(); //将JSON对象转化为JSON字符

或者

var last=JSON.stringify(obj); //将JSON对象转化为JSON字符

alert(last);

留心:

上面的多个要领中,除了eval()函数是js自带的之外,其他的多个要领都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个要领都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()要领,则说明您的json包版本太低。


转载自:http://www.9958.pw/post/js_json

分享到:
评论

相关推荐

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】

    json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】。JavaScript中解析JSON的js包,页面中引入json3.js,即可使用。 使用方法:JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文: ...

    javascript对象转换成json

    总结来说,JavaScript中的JSON转换是通过`JSON.stringify()`方法实现的,它可以方便地将JavaScript对象转换为JSON字符串,用于数据传输或存储。同时,我们可以通过提供`toJSON()`方法来自定义对象的序列化行为,以...

    使用JavaScript操作JSON源码

    总结来说,JavaScript提供了强大的工具来操作JSON源码,包括解析JSON字符串,转换JavaScript对象,遍历和修改对象,以及与服务器进行异步通信。熟悉这些基本操作是成为熟练JavaScript开发者的必备技能。通过不断实践...

    jsoneditor_javascript_JSON_jsoneditor9.1.4_json-editorjs_

    在JSONEditor的背景下,JavaScript负责实现所有用户界面的动态交互和JSON数据的操作。开发者可以利用JSONEditor的API和事件处理机制来定制编辑器的行为,例如添加验证规则、监听数据变化等。 JSONEditor的核心特性...

    JavaScript的json封装

    因项目需求,自己拼接麻烦,所以将javascript拼接json封装成和java类似的操作,直接put() 与 get() 就可以使用,支持json数组,使用的时候只需要 创建对象 并赋值 然后调用内部参数即可,源码中有示例。因为删除操作...

    JavaScript and JSON Essentials

    随着互联网的兴起,数据在网络上交换的方式经历了...总的来说,《JavaScript与JSON实用指南》将帮助开发者掌握JSON的核心知识,并了解如何使用JavaScript创建和处理JSON数据,从而构建出更加高效和功能丰富的web应用。

    javascript处理json字符串和json对象的类(含示例)

    总结来说,理解和熟练掌握JSON在JavaScript中的处理方法对于Web开发者至关重要,因为它是现代Web应用中数据交换的主要方式。`JSON.parse()`和`JSON.stringify()`是JavaScript处理JSON的核心工具,而实际项目中的HTML...

    javascript json数据解析工具json2.js

    JSON2.js是由Douglas Crockford开发的一个JavaScript库,专门用于处理JSON数据,尤其在老版本的浏览器中,这些浏览器可能不支持原生的JSON解析和序列化功能。 在JavaScript中,JSON主要用于对象与字符串之间的转换...

    [JSON] JavaScript & JSON 核心技术 (英文版)

    [Packt Publishing] JavaScript & JSON 核心技术 (英文版) [Packt Publishing] JavaScript and JSON Essentials (E-Book) ☆ 图书概要:☆ Successfully build advanced JSON-fueled web applications with this ...

    xmlhttp+asp+javascript+xml+json

    在压缩包"xmlhttp+asp+javascript+xml+json"中,可能包含了示例代码或者教程,展示了如何在ASP环境中使用XMLHTTP对象与服务器通信,JavaScript处理JSON或XML响应,并在客户端进行数据操作。如果你正面临一个需要使用...

    javascript object to json string

    JavaScript对象转换为JSON字符串是Web开发中的常见操作,特别是在数据交换和存储时。JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,它基于JavaScript的一个子集,易于人阅读和编写,同时也易于...

    12JavaScript异步Ajax与json总结.docx

    3. 使用JavaScript操作DOM,根据服务器返回的数据更新页面局部。 **1.4 创建XMLHttpRequest对象** 在所有现代浏览器中,如IE7+、Firefox、Chrome、Safari和Opera,都内置了`XMLHttpRequest`对象。在老版本的IE(IE...

    json格式校验前端插件(javascript)

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于前后端数据传输。在前端开发中,正确解析和校验JSON格式至关重要,因为任何格式错误都可能导致程序崩溃或逻辑错误。本文将详细介绍一个...

    Javascript解析JSON数据

    JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。

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

    JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,被广泛用于Web应用程序之间传递数据。在前端开发中,我们经常需要将从服务器获取的JSON数据展示在网页的表格中,以便用户直观地查看和操作数据。...

    JS中Json对象

    ### JS中Json对象 #### JSON概述 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON是基于JavaScript的一个子集,采用完全独立于编程语言的文本...

    json比对js插件

    总结起来,JSON比对JS插件是开发过程中不可或缺的辅助工具,它们通过自动格式化、深度比对和高亮显示功能,帮助开发者快速识别和理解JSON数据的差异,从而提高代码质量和维护性。对于处理JSON数据的项目,掌握这类...

    解决javascript组装json的繁琐问题

    总结,解决JavaScript组装JSON的繁琐问题,可以通过采用javabean模式创建数据封装对象,并结合JavaScript的`prototype`来扩展功能。利用`toJSONObject`这样的辅助函数,可以方便地将复杂的数据结构转换为JSON格式,...

    javascript操作JSON的要领总结

    JSON,全称JavaScript Object Notation,是一种轻量级的数据交换格式。它以纯文本形式存在,独立于语言,但设计时特别考虑到JavaScript的语法。在JavaScript中,JSON被视为原生格式,无需额外的库或API就能进行解析...

    delphi7_ remobject_javascript_json

    总结来说,"delphi7_remoject_javascript_json"实例展示了如何在Delphi 7环境中结合RemObjects JavaScript库和JSON处理技术,实现跨语言的代码执行和数据交换。通过这一实例,开发者可以学习到如何在Delphi中调用...

Global site tag (gtag.js) - Google Analytics