JSON数据格式理解学习笔记

1. 什么是 JSON

JSON概念很简单，JSON 是一种轻量级的数据格式，他基于 javascript 语法的子集，即数组和对象表示。由于使用的是 javascript 语法，因此JSON 定义可以包含在javascript 文件中，对其的访问无需通过基于 XML 的语言来额外解析。不过在使用 JSON 之前，很重要的一点是理解 javascript 中数组及对象字面量的特殊语法。

Json的规格非常简单，只用一个页面几百个字就能说清楚，而且Douglas Crockford声称这个规格永远不必升级，因为该规定的都规定了。

    1） 并列的数据之间用逗号（", "）分隔。

    2） 映射用冒号（": "）表示。

    3） 并列数据的集合（数组）用方括号("[]")表示。

    4） 映射的集合（对象）用大括号（"{}"）表示。

1.1 数组字面量

数组字面量，是用一对方括号括起一组用逗号隔开的 javascript 值，例如：

 代码如下 复制代码

var aNames=["hello", 12, true , null];

1.2 对象字面量

        对象字面量，是通过两个花括号来定义的。在花括号内可以放置任意数量的“名称-值”对，定义格 式字符串值”。除了最后一行外，每个“名称-值”对后必须有一个逗号（这与Perl 中的联合数组的定义有些类似）。例如：

      

 代码如下 复制代码

  var oCar = {

               "color": "red",      

              "doors" : 4,

               "paidFor" : true

        };

1.3 混合字面量

      我们可以混用对象和数组字面量，来创建一个对象数组，或一个包含数组的对象。例如：

 代码如下 复制代码

{comments:[
{
id:1,
author:"someone1",
url:"http://www.111cn.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://www.111cn.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://www.111cn.net",
content:"hello"
}
]};

1.4 JSON 语法

      在Ajax应用中，就是服务器直接生成javascript语句，客户端获取后直接用eval方法来获得这个对象，这样就可以省去解析XML的性能损失。 同时，在javascript 通信中使用JSON作为数据格式的好处很明星，可以立即获得数据的值，因此可以更快的访问其中包含的数据。

      var oCarInfo = eval("(" + sJSON + ")");

请记住：在javascript中花括号也是一个语句。要让解析器知道这个花括号表示的是一个对象而非一个语句的唯一方法是能否找到封装它的圆括号 （它是用来说明代码是一个表达式而非一个语句）。

1.5 JSON 编码和解码

       作为 JSON 资源的一部分，Corockford 开发了一个能够实现 JSON 和Javascript 对象直接解码和编码的工具。这个工具的源程序可以在 www.crockford.com/JSON/json.js 中下载。

       在上面提出用到eval() 存在些固有的不足：它是用来对传入的任何 Javascript 代码求值的，而不仅仅针对JSON。因此，当涉及企业级 web 应用程序开发时，它存在很大的安全隐患。为了解决这个问题，可以使用只用来将 JSON 代码转换为 Javascript 的解析器 JSON.parse() 方法来实现。例如：

  

 代码如下 复制代码
     var oObject = JSON.parse (sJSON);

       同时，它也提供了一种将 Javascript 对象转换为 JSON 字符串（数据传输时使用的）的工具（在Javascript 中没有内建这种功能支持）。你要做的只是将对象传入到 JSON.Stringify() 方法。请看下面的例子：

      

 代码如下 复制代码

var oCar = new Object();

       oCar.doors = 4;

        oCar.color = "blue";

       oCar.year = 1995;

       oCar.drivers = new Array("Penny", "Dan" , "Kris");

       document.write(JSON.stringify(oCar));

这段代码将输出如下所示的JSON 字符串：

 代码如下 复制代码

{"doors" : 4, "color" : "blue", "year" :1995, "drivers" : ["Penny", "Dan" , "Kris"]}

2. JSON 与 XML

       正如上面所说，JSON 与 XML 相比的一大优点就是它更加简单。

请看 XML 数据表示实例：

使用XML表示：

 代码如下 复制代码

<comments>
<comment>
<id>1</id>
<author>someone1</author>
<url>http://someone1.x2design.net</url>
<content>hello</content>
</comment>
<comment>
<id>2</id>
<author>someone2</author>
<url>http://someone2.x2design.net</url>
<content>someone1</content>
</comment>
<comment>
<id>3</id>
<author>someone3</author>
<url>http://someone3.x2design.net</url>
<content>hello</content>
</comment>
</comments>

使用JSON表示：

 代码如下 复制代码

{comments:[
{
id:1,
author:"someone1",
url:"http://someone1.x2design.net",
content:"hello"
},
{
id:2,
author:"someone2",
url:"http://someone2.x2design.net",
content:"hello"
},
{
id:3,
author:"someone3",
url:"http://someone3.x2design.net",
content:"hello"
}
]};

很容易发现，许多冗余的信息不见了。由于不需要有与开始标签（opening tag）匹配的结束标签（closing tag），因此传送相同的信息所需的字节数大大降低了。创始人 Corockford 将其称之为“XML 的减肥方案”）。

SON 格式的数据与 XML 相比，缺点是对于外行人可读性更差。当然，有一种观点是，数据交换格式不是用肉眼观察的。如果是通过工具对来回传送的数据进行创建和解析，那么的确没有理 由要求数据必须使人们易于阅读。问题的实质在于：存在可用的 JSON 工具。

JSON 优势与缺点

JSON不仅减少了解析XML解析带来的性能问题和兼容性问题，而且对于javascript来说非常容易使用，可以方便的通过遍历数组以及访问对象属性 来获取数据，其可读性也不错，基本具备了结构化数据的性质。不得不说是一个很好的办法，而且事实上google maps就没有采用XML传递数据，而是采用了JSON方案。

JSON 另外一个优势是跨域可行性，例如你在www.xxx.com的 网页里使用是完全可行的，这就意味着你可以跨域传递信息。而使用XMLHttpRequest却获取不了跨域的信息，这是javascript内部的安全 性质所限制的。

JSON看上去很美，是不是就能完全取代XML呢？事实并非如此，而原因就在于XML的优势：通用性。要使服务器端产生语法合格的javascript代 码并不是很容易做到的，这主要发生在比较庞大的系统，服务器端和客户端有不同的开发人员。它们必须协商对象的格式，这很容易造成错误。

json数据格式实例

例1

 代码如下 复制代码

//json实例
var str=’{"firstName": "Bret", "lastName":"McLaughlin"}’;
var j= eval(’(’ + str +’)’);
//for(var key in j){ alert(j[key]); } //遍历读名
//for(var key in j){ alert(j[key]); }//遍历读值
//alert(j.firstName); //读指定名的值

var data=’[{k:"名称1",v:"共10条"},{k:"名称2",v:""}]’;
var json=eval(’(’+data+’)’);//转换为json对象
//alert(json.length);//输出root的子对象数量
//if (json[1].v.length>1){alert(dataObj[1].v);}
//alert(json[1].k); //读指定名的值
//for(i=0;i<json.length;i++) {alert(json.v)}//遍历
//for(var key in json){ alert(json[key].v); }//遍历
//var arr = new Array();
//for(var key in json){arr.push(json[key].k); }//拼接
//alert(arr.join(’&’));

例2

 代码如下 复制代码

<script type="text/javascript" src="json2.js"></script>
<script>
//直接声明json数据结构
var myJSONObject = {"bindings": [
{"ircEvent": "PRIVMSG", "method": "newURI", "regex": "^http://.*"},
{"ircEvent": "PRIVMSG", "method": "deleteURI", "regex": "^delete.*"},
{"ircEvent": "PRIVMSG", "method": "randomURI", "regex": "^random.*"}
]
};
//声明字符串,可对比一下json文本与我们正常文本的区别
var normalstring='[{persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]}]';
var jsontext='[{"persons":[{"name":"jordan","sex":"m","age":"40"}, {"name":"bryant","sex":"m","age":"28"}, {"name":"McGrady","sex":"m","age":"27"} ]}]';

//调用eval函数转换为json对象，
var myE = eval(normalstring);
document.writeln(myE+'<br><br>');
//将json对象转换为字符串
var text = JSON.stringify(myE);
//对比转换后的json文本与声明的文本区别
document.writeln('转换后的json文本：'+text+'<br><br>声明的json格式文本 '+jsontext+'<br><br>声明的普通格式文本 '+normalstring+'<br><br>');

//当安全比较重要的时候使用JSON解析就好一些。JSON解析只会识别JSON文本并且它更安全,下面调用json的parse函数对文本数据转换生成json数据结构
var myData = JSON.parse(jsontext);

document.writeln(myData+'<br><br>');

//下面是对json对象的增删查改操作

//声明json对象

var jsonObj2={persons:[{name:"jordan",sex:"m",age:"40"}, {name:"bryant",sex:"m",age:"28"}, {name:"McGrady",sex:"m",age:"27"} ]};

var persons=jsonObj2.persons;
var str="";

var person={name:"yaoMing",sex:"m",age:"26"};
//以下为json对象的操作，去掉注释可以查看操作结果
//jsonObj2.persons.push(person);//数组最后加一条记录
//jsonObj2.persons.pop();//删除最后一项
//jsonObj2.persons.shift();//删除第一项
jsonObj2.persons.unshift(person);//数组最前面加一条记录 只要适合Javascript的方法都是可以用在JSON对象的数组中的！所以还有另外的方法splice( )进行crud操作！ //删除
//jsonObj2.persons.splice(0,2);//开始位置,删除个数
//替换不删除
var self={name:"tom",sex:"m",age:"24"};
var brother={name:"Mike",sex:"m",age:"29"};
jsonObj2.persons.splice(1,0,self,brother,self);//开始位置,删除个数,插入对象
//替换并删除
//jsonObj2.persons.splice(0,1,self,brother);//开始位置,删除个数,插入对象

for(var i=0;i<persons.length;i++){ var cur_person=persons[i]; str+=cur_person.name+"'sex is "+cur_person.sex+" and age is "+cur_person.age+"<br><br>"; }
document.writeln(str);
//转换为json文本
var myjsonobj = JSON.stringify(jsonObj2);
document.writeln(myjsonobj);
</script>
时间： 2024-07-29 18:37:24

JSON数据格式理解学习笔记的相关文章

json数据格式理解解析

将 String 对象编码为 JSON 格式时,只需处理好特殊字符即可.另外,必须用 (") 而非 (') 表示字符串:    代码如下 复制代码 static String string2Json(String s) {     StringBuilder sb = new StringBuilder(s.length()+20);     sb.append('"');     for (int i=0; i<s.length(); i++) {         char c

Swift学习笔记（2）网络数据交换格式（XML，JSON）解析 [iOS实战 入门与提高卷]

Swift学习笔记(2)网络数据交换格式(XML,JSON)解析 参考书籍及资源:iOS实战 入门与提高卷 关东升 参考书籍地址 用NSXML来解析XML文档 用TBXML来解析XML文档 用NSJSONSerialization来解析JSON文档 目录 Swift学习笔记2网络数据交换格式XMLJSON解析 目录 用NSXML来解析XML文档 示例文档Notesxml 创建XMLParser类 调用与运行结果 用TBXML来解析XML文档 准备工作 创建XMLParser类 调用与运行结果 用

Javascript学习笔记8 用JSON做原型_基础知识

代码如下: 复制代码 代码如下: <script type="text/javascript"> var People = { name: "kym", age: 21, SayHello: function () { alert("Hello,My name is " + this.name + ".I am " + this.age); } } alert(People.name); People.SayHel

Android学习笔记45之gson解析json

JSON即JavaScript Object Natation, 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,为Web应用开发提供了一种理想的数据交换格式. JSON对象: JSON中对象(Object)以"{"开始, 以"}"结束. 对象中的每一个item都是一个key-value对, 表现为"key:value"的形式, key-value对之间使用逗号分隔. 如:{"name":"coolxing

JavaScript高级程序设计（第3版）学习笔记6 初识js对象_基础知识

在房子里面可以放你想放的任意事物--如果你有足够的美学造诣,你甚至可以弄一个房中房试试--当然,为了方便管理,我们会给房子里存放的所有事物都会取上一个不重复的名字,比如医药房间里的各种药品名称.在ECMAScript中,你可以在对象中存放任意你想放的数据,同样,我们需要给存放的数据取一个名字--也就是对象的属性名,再存放各种数据.再看看ECMA-262中对象的定义:无序属性的集合,其属性可以包含简单数据类型值.对象或者函数. 进入对象,我开始有些激动了,说实话,让我想起做这系列学习笔记的最初原因

ajax跨域请求学习笔记

原文:ajax跨域请求学习笔记 前言 ajax,用苍白的话赞扬:很好. 我们可以使用ajax实现异步获取数据,减少服务器运算时间,大大地改善用户体验:我们可以使用ajax实现小系统组合大系统:我们还可以使用ajax实现前端的优化.(好一个排比) 虽然ajax很好,但在使用起来也会有一定的限制,出于安全考虑,不允许跨域通信.如果尝试从不同的域请求数据,会出现安全错误.(下面例子1可以直观看出) 同源策略限制 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性.也就是说,受到请求的 UR

jQuery学习笔记之jQuery的Ajax（3）

jQuery学习笔记之jQuery的Ajax(3) 6.jQuery的Ajax插件 源码地址: https://github.com/iyun/jQueryDemo.git ---------------------------- 6.0 jQuery ajax 浏览器给我们提供的XMLHttpRequest的作用是来发送http请求. js代码发送一个http的请求 XMLHttpRequest的四步:创建对象.注册监听.建立连接.发送数据 异步交互的6个方法(发送http请求) ajax()

实例详解JSON数据格式及json格式数据域字符串相互转换_javascript技巧

JSON(JavaScript Object Notation)是一种轻量级的数据交换格式.JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言.易于人阅读和编写,同时也易于机器解析和生成. 基础结构 JSON建构于两种结构: 1. "名称/值"对的集合(A collection of name/value pairs).不同的语言中,它被理解为对象(object),记录(record),结构(struct),字典(dictionary),哈希表(hash t

值得收藏的asp.net基础学习笔记_实用技巧

值得收藏的asp.net基础学习笔记,分享给大家. 1.概论 浏览器-服务器 B/S 浏览的  浏览器和服务器之间的交互,形成上网B/S模式 对于HTML传到服务器  交给服务器软件(IIS)  服务器软件直接读取静态页面代码,然后返回浏览器 对于ASPX传达服务器  交给服务器软件(IIS)   IIS发现自己处理不了aspx的文件,就去映射表根据后缀名里找到响应的处理程序(isapi,服务器扩展程序) 问题:IIS如何调用可扩展程序? 答:可扩展程序首先就是按照IIS提供的借口实现代码,所以