JSON 总结

郑重声明：本文并非原创，整合博客园各路豪杰所得

引用来自：TiestoRay

 

JSON--JavaScript Object Notation （JavaScript对象表示法）

这个字符串看起来有点儿古怪，但是 JavaScript 很容易解释它（JSON 是 JavaScript 原生格式）

---

1. JSON是一种数据格式,格式是以key-value的形式存放数据的,如：

{
    "name":"Rose",
    "age":25,
    "family":{
        "brother":"Who"
    }
}

这当中value可以是数字，字符串，数组，甚至null，但不能为undefined,function,对象实例和变量，否则该属性会被无视掉。例：

var p = {
    "name":"Rose",
    "family":undefined,
    "age":25,
    "sex":function(){}
}
JSON.stringify(p);//-->'{"name":"Rose","age":25}'
//这里的JSON.stringify是EcmaScript5提供的，JSON是一个处理JSON数据的对象。

 

2.JSON对象有两个方法parse()和stringify();

①JSON.parse(str)是将字符串str转换成JSON数据.如

JSON.parse('{"name":"Ray","age":18}')-->{"name":"Ray","age":18}

②JSON.stringify(json,arg2)将JSON数据序列化。

第一个参数json是JSON数据；
第二个参数是可选的，字符串数组或者函数。如果是数组的话则是只保留key值在数组中存在的属性；函数的话，则可以对灵活的对value进行修改。例：

var json = {"name":"Ray","age":18,"friends":{"id":32,favorite:"TokyoHot"}}
JSON.stringify(json,["age","id"]);//这个key仅限于第一层属性，所以"id"会被无视
-->'{"age":18}'

var json = {"name":"Ray","age":18}
JSON.stringify(json,function(key,value){
    switch(key){
        case "name":return value.length;break;
        case "age":return +value + 10;break;
        default:return value;
    }
});
-->'{"name":3,"age":28}'

通过JSON对象实现对象的深复制(有局限性，对象中不能包含函数和对象实例)

var a = {A:4};
var b = JSON.parse(JSON.stringify(a));

字符串向JSON格式转换的过程中，字符串里不能包含某些具有特殊含义的字符,否则会转换失败.例

var str = '{"name":"NothingGo\sRight"}';
JSON.parse(str); //这里会报错。如果是用jQuery的Ajax获取JSON的话，情况相同。

 

3.JSON和XML的比较

　　◆可读性

　　JSON和XML的可读性可谓不相上下，一边是简易的语法，一边是规范的标签形式，很难分出胜负。

　　◆可扩展性

　　XML天生有很好的扩展性，JSON当然也有，没有什么是XML能扩展，而JSON却不能扩展的。不过JSON在Javascript主场作战，可以存储Javascript复合对象，有着xml不可比拟的优势。

　　◆编码难度

　　XML有丰富的编码工具，比如Dom4j、JDom等，JSON也有提供的工具。无工具的情况下，相信熟练的开发人员一样能很快的写出想要的xml文档和JSON字符串，不过，xml文档要多很多结构上的字符。

　　◆解码难度

　　XML的解析方式有两种：

　　一是通过文档模型解析，也就是通过父标签索引出一组标记。例如：xmlData.getElementsByTagName("tagName")，但是这样是要在预先知道文档结构的情况下使用，无法进行通用的封装。

　　另外一种方法是遍历节点（document 以及 childNodes）。这个可以通过递归来实现，不过解析出来的数据仍旧是形式各异，往往也不能满足预先的要求。

　　凡是这样可扩展的结构数据解析起来一定都很困难。

　　JSON也同样如此。如果预先知道JSON结构的情况下，使用JSON进行数据传递简直是太美妙了，可以写出很实用美观可读性强的代码。如果你是纯粹的前台开发人员，一定会非常喜欢JSON。但是如果你是一个应用开发人员，就不是那么喜欢了，毕竟xml才是真正的结构化标记语言，用于进行数据传递。

　　而如果不知道JSON的结构而去解析JSON的话，那简直是噩梦。费时费力不说，代码也会变得冗余拖沓，得到的结果也不尽人意。但是这样也不影响众多前台开发人员选择JSON。因为json.js中的toJSONString()就可以看到JSON的字符串结构。当然不是使用这个字符串，这样仍旧是噩梦。常用JSON的人看到这个字符串之后，就对JSON的结构很明了了，就更容易的操作JSON。

　　以上是在Javascript中仅对于数据传递的xml与JSON的解析。在Javascript地盘内，JSON毕竟是主场作战，其优势当然要远远优越于xml。如果JSON中存储Javascript复合对象，而且不知道其结构的话，我相信很多程序员也一样是哭着解析JSON的。

◆实例比较

　　XML和JSON都使用结构化方法来标记数据，下面来做一个简单的比较。

　　用XML表示中国部分省市数据如下：

<?xml version="1.0" encoding="utf-8"?> 　　
<country> 　　
<name>中国</name> 　　
<province> 　　
<name>黑龙江</name> 　　
<cities> 　　
<city>哈尔滨</city> 　　
<city>大庆</city> 　　
</cities> 　　
</province> 
　　
<province> 　　
<name>广东</name> 　　
<cities> 　　
<city>广州</city> 　　
<city>深圳</city> 　　
<city>珠海</city> 　　
</cities> 　　
</province> 　　

<province> 　　
<name>台湾</name> 　　
<cities> 　　
<city>台北</city> 　　
<city>高雄</city> 　　
</cities> 　　
</province>
</country> 

用JSON表示如下：

{ 　　
name:"中国", 　　
province:
[{ 　　
name:"黑龙江", 　　
cities:
{ 　　
city:["哈尔滨","大庆"] 　　
} 　　
}, 　　
{ 　　
name:"广东", 　　
cities:{ 　　
city:["广州","深圳","珠海"] 　　
} 　　
}, 　　
{ 　　
name:"台湾", 　　
cities:{ 　　
city:["台北","高雄"] 　　
} 　　
}, 　　
]} 

编码的可读性，xml有明显的优势，毕竟人类的语言更贴近这样的说明结构。json读起来更像一个数据块，读起来就比较费解了。不过，我们读起来费解的语言，恰恰是适合机器阅读，所以通过json的索引.province[0].name就能够读取“黑龙江”这个值。

　　编码的手写难度来说，xml还是舒服一些，好读当然就好写。不过写出来的字符JSON就明显少很多。去掉空白制表以及换行的话，JSON就是密密麻麻的有用数据，而xml却包含很多重复的标记字符。

 

4.JSON在线校验工具:  BeJson

5.JSON 官网：http://www.json.org/