JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,是理想的数据交换格式。同时,JSON是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。
本文主要是对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字符串之间的相互转换是关键。例如:
JSON字符串:
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包版本太低。
分享到:
相关推荐
总结来说,JavaScript提供了强大的工具来操作JSON源码,包括解析JSON字符串,转换JavaScript对象,遍历和修改对象,以及与服务器进行异步通信。熟悉这些基本操作是成为熟练JavaScript开发者的必备技能。通过不断实践...
json3.js 【JS / JavaScript 中解析JSON的js包,JSON官方的JSON解析包】。JavaScript中解析JSON的js包,页面中引入json3.js,即可使用。 使用方法:JSON.parse(str), JSON.stringify(obj) 更多详情请参考博文: ...
json.js json.js json.js json.js json.js json.js json.js json.js json.js json.js json.js json.js json.js json.js json.js json.js json.js
### JS中Json对象 #### JSON概述 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,易于人阅读和编写,同时也易于机器解析和生成。JSON是基于JavaScript的一个子集,采用完全独立于编程语言的文本...
总结,Three.js提供了一种简便的方法来加载和展示JSON格式的三维模型,使得Web开发者能够构建丰富的3D场景,特别是在BIM领域,Three.js已经成为展示和交互BIM模型的重要工具。通过掌握Three.js加载JSON模型的技术,...
除了上述操作,JavaScript还提供了`JSON.parse()`和`JSON.stringify()`方法,分别用于将JSON字符串转换为JavaScript对象,以及将JavaScript对象转换为JSON字符串。此外,`Array.prototype.forEach()`、`Array....
在JSONEditor的背景下,JavaScript负责实现所有用户界面的动态交互和JSON数据的操作。开发者可以利用JSONEditor的API和事件处理机制来定制编辑器的行为,例如添加验证规则、监听数据变化等。 JSONEditor的核心特性...
JavaScript 操作 JSON JSON(JavaScript Object Notation)是一种轻量级的数据交换格式,基于 JavaScript 的一个子集。它可以表示数字、字符串、逻辑值、数组、对象、函数、空字符串和 null 等多种数据类型。 在 ...
总结起来,JSON比对JS插件是开发过程中不可或缺的辅助工具,它们通过自动格式化、深度比对和高亮显示功能,帮助开发者快速识别和理解JSON数据的差异,从而提高代码质量和维护性。对于处理JSON数据的项目,掌握这类...
`json.js`可能是早期的一个JSON处理库,它提供了JSON的解析(`parse()`)和字符串化(`stringify()`)功能,使得在不支持JSON的旧版浏览器中也能进行JSON操作。`json2.js`是 Douglas Crockford 创建的,他是JSON规范...
threejs 中文json包,替换threejs官方的英文json就行了
这些文件可能是用于处理JSON数据的库或者工具,帮助开发者在JavaScript环境中进行数据的序列化和反序列化操作。 具体到描述中的文件: 1. `josn2.js`:这是一个可能包含全面JSON功能的库,例如在一些老版本的...
JSON2.js是由Douglas Crockford开发的一个JavaScript库,专门用于处理JSON数据,尤其在老版本的浏览器中,这些浏览器可能不支持原生的JSON解析和序列化功能。 在JavaScript中,JSON主要用于对象与字符串之间的转换...
总结来说,json2.js是一个解决旧版JavaScript引擎中JSON支持问题的库,提供JSON.parse()和JSON.stringify()等方法,使得在不支持JSON的环境中也可以进行JSON数据的解析和序列化操作。随着浏览器技术的发展,它的使用...
因项目需求,自己拼接麻烦,所以将javascript拼接json封装成和java类似的操作,直接put() 与 get() 就可以使用,支持json数组,使用的时候只需要 创建对象 并赋值 然后调用内部参数即可,源码中有示例。因为删除操作...
JSON2.js是一个JavaScript库,由Douglas Crockford开发,主要目的是为了在旧版本的JavaScript引擎中提供完整的JSON支持。 在JavaScript中,JSON对象是原生支持的,但在一些较老的浏览器或环境中,如IE6和IE7,它们...
根据所提供的文件信息,“js解析json代码”这一标题明确指出了本文将探讨的主题,即如何利用JavaScript语言处理JSON格式的数据。描述部分进一步强调了这部分内容关注的是具体的JavaScript解析代码实现。接下来,我们...
随着互联网的兴起,数据在网络上交换的方式经历了...总的来说,《JavaScript与JSON实用指南》将帮助开发者掌握JSON的核心知识,并了解如何使用JavaScript创建和处理JSON数据,从而构建出更加高效和功能丰富的web应用。
总结来说,JavaScript中的JSON转换是通过`JSON.stringify()`方法实现的,它可以方便地将JavaScript对象转换为JSON字符串,用于数据传输或存储。同时,我们可以通过提供`toJSON()`方法来自定义对象的序列化行为,以...
总结来说,JavaScript提供了强大的工具来处理JSON数据。无论是从服务器获取还是向服务器发送,或是读取和写入本地文件,JavaScript都能很好地胜任。通过`JSON.parse()`和`JSON.stringify()`,我们可以轻松地在...