`
yang2617
  • 浏览: 28528 次
社区版块
存档分类
最新评论

js操作json

    博客分类:
  • js
阅读更多
JSON (JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。 JSON 是 JavaScript 原生格式,这意味着在 JavaScript 中处理 JSON 数据不需要任何特殊的 API 或工具包。
先看如下代码.
<html>
<head>
<script src="json.js"></script>
<script>
function showJSON() {    
	var user =    
		{    
			"username":"yang",    
			"age":22,    
			"info": { "tel": "123456", "cellphone": "987654321"},    
			"address":    
				[    
					{"city":"beijing","postcode":"222333"},    
					{"city":"newyork","postcode":"555666"}    
				]    
		}    
     alert(user.username);    
     alert(user.age);    
     alert(user.info.cellphone);    
     alert(user.address[0].city);    
     alert(user.address[0].postcode);    
}   
</script>
</head>
<body onload="showJSON()">
</body>
</html>


json对象是一个无序的"键/值"(key/value)对集合.js操作json对象只需要"obj.key"的形式,就可以得到key后面的value.
值得注意的是:在数据传输过程中,json是以文本,即字符串的形式传递的,而JS操作的是JSON对象,所以,JSON对象和JSON字符串之间的相互转换是关键.下面看看json字符串与json对象之间的相互转化.
1.json字符串转化成json对象:
var obj = eval('('+str+')');或者
var obj = str.parseJSON();或者
var obj = JSON.parse(str);

2.json对象转化成json字符串:
var str = obj.toJSONString(); 或者
var str = JSON.stringify(obj);

如果obj本来就是一个JSON对象,那么使用eval()函数转换后(哪怕是多次转换)还是JSON对象,但是使用parseJSON()函数处理后会有问题.
上面的几个方法中,除了eval()函数是js自带的之外,其他的几个方法都来自json.js包。新版本的 JSON 修改了 API,将 JSON.stringify() 和 JSON.parse() 两个方法都注入到了 Javascript 的内建对象里面,前者变成了 Object.toJSONString(),而后者变成了 String.parseJSON()
分享到:
评论

相关推荐

    使用JavaScript操作JSON源码

    在JavaScript中操作JSON源码是常见的任务,尤其在与服务器进行数据交互时。本篇将深入探讨如何使用JavaScript来操作JSON源码。 首先,理解JSON的基本结构至关重要。JSON基于JavaScript对象语法,但不包含函数和一些...

    Javascript中JSON数据分组优化实践及JS操作JSON总结

    本文将深入探讨如何在JavaScript中优化JSON数据分组以及常见的JS操作JSON的方法。 首先,让我们看一个具体的例子。假设我们有以下JSON数据: ```javascript [ {"date":"2017-12-22","start_time":"10:00:00","end...

    JS中Json对象

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

    js实现json数组分组合并操作示例

    除了上述操作,JavaScript还提供了`JSON.parse()`和`JSON.stringify()`方法,分别用于将JSON字符串转换为JavaScript对象,以及将JavaScript对象转换为JSON字符串。此外,`Array.prototype.forEach()`、`Array....

    jsoneditor_javascript_JSON_jsoneditor9.1.4_json-editorjs_

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

    JSON 的jar包和js

    JSON(JavaScript Object Notation)是一...`json-lib-2.3-jdk15.jar`是Java处理JSON的工具,而`json2.js`则是在JavaScript环境中操作JSON的脚本。理解和熟练使用JSON,对于任何Java Web开发者来说都是必不可少的技能。

    javascript操作JSON的要领总结

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

    json.js,json2.js 和 json.jar 下载

    `json.js`可能是早期的一个JSON处理库,它提供了JSON的解析(`parse()`)和字符串化(`stringify()`)功能,使得在不支持JSON的旧版浏览器中也能进行JSON操作。`json2.js`是 Douglas Crockford 创建的,他是JSON规范...

    Json Js 文件包下载 josn2.js、json.js、 json_parse.js、json_parse_state.js、cycle.js

    这些文件可能是用于处理JSON数据的库或者工具,帮助开发者在JavaScript环境中进行数据的序列化和反序列化操作。 具体到描述中的文件: 1. `josn2.js`:这是一个可能包含全面JSON功能的库,例如在一些老版本的...

    javascript json数据解析工具json2.js

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

    JavaScript的json封装

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

    json2.js 亲测可用

    JSON2.js是一个JavaScript库,由Douglas Crockford开发,主要目的是为了在旧版本的JavaScript引擎中提供完整的JSON支持。 在JavaScript中,JSON对象是原生支持的,但在一些较老的浏览器或环境中,如IE6和IE7,它们...

    JavaScript and JSON Essentials

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

    JS操作json对象key、value的常用方法分析

    本文实例讲述了JS操作json对象key、value的常用方法。分享给大家供大家参考,具体如下: 一、定义JSON对象 // 首先定义一个json对象,对象以“{”(左括号)开始,“}”(右括号)结束 // 花括号内为键、值对 键...

    易语言json操作例程

    在易语言中,JSON(JavaScript Object Notation)操作是一项重要的功能,因为JSON作为一种轻量级的数据交换格式,广泛应用于Web服务和数据存储。 该"易语言json操作例程"提供了源码,帮助用户理解如何在易语言中...

    json2.js json.js

    总结来说,json2.js是一个解决旧版JavaScript引擎中JSON支持问题的库,提供JSON.parse()和JSON.stringify()等方法,使得在不支持JSON的环境中也可以进行JSON数据的解析和序列化操作。随着浏览器技术的发展,它的使用...

    js+json精彩分页

    在JavaScript和JSON的世界里,"js+json精彩分页"是一个常见的应用场景,特别是在网页开发中。这个主题主要涉及两个核心概念:JavaScript(JS)和JSON(JavaScript Object Notation)。在这个项目中,它们被用来实现...

Global site tag (gtag.js) - Google Analytics