知识积累 JSON

刚好今天上班有空，就随手写一篇关于JSON的知识积累，以防后期使用。（许多都是来自网上大神的笔记，非原创，我只是整合，更好用）

1.什么是JSON？

JSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）。JSON 是轻量级的文本数据交换格式JSON 独立于语言：JSON 使用 Javascript语法来描述数据对象，但是 JSON 仍然独立于语言和平台。JSON 解析器和 JSON 库支持许多不同的编程语言。 目前非常多的动态（PHP，JSP，.NET）编程语言都支持JSON。JSON 具有自我描述性，更易理解

ps:JSON其实就是一种数据格式，类似XML这种，只是更加的小巧，用的最多的地方就是和服务器进行数据交换，你把需要上传的数据包装成JSON传到服务器，然后服务器返回你JSON格式的数据，这样方便你的开发。

2.JSON的格式：

数据在名称/值对中，数据由逗号分隔，大括号保存对象，中括号保存数组

{ "sites": [ { "name":"菜鸟教程" , "url":"www.runoob.com" }, { "name":"google" , "url":"www.google.com" }, { "name":"微博" , "url":"www.weibo.com" } ] }

ps:最外层是大括号，里面就是键值对，类似于java里的Map，key都是字符串，value：数字，字符串，true/false，数组，对象，null

3.JSON的访问和修改：

你可以使用点号（.）或者中括号（[]）来访问对象的值

var myObj, x; myObj = { "name":"runoob", "alexa":10000, "site":null }; x = myObj.name;

你可以使用点号(.)来修改 JSON 对象的值：

myObj.sites["site1"] = "www.google.com";

ps:以上所说的JSON以及下面所说的解析都是指的JSON对象，对象，对象！！！重要的事情说三次，我们所说的用法，规则，语法都是针对JSON对象，只有JSON对象是通过点（.）或者中括号（[]）来访问，修改的，网上还有一种流行说法叫JSON字符串，请大家分清，JSON字符串是一种字符串形式，只是它的内容是标准的JSON格式，方便你转换成JSON对象来操作，人家是字符串，带单引号或者双引号！！！！依此类推，JSON数组就是指JSON内包含数组的JSON对象，那么JSON数组字符串就是在外面加个单引号或者双引号。

4.JSON，JSON字符串的互转：

接上面的继续说，我们一般业务逻辑就是前台发送JSON对象到后台，后台处理完业务逻辑，返回数据到前台，这里就有两种方式，第一，返回JSON对象，那么我们可以直接使用。第二就是返回JSON字符串，上面说了，这只是一串和JSON语法类似的字符串，它不能通过JSON访问方式（.或者[]）来访问其中的内容，这时，我们就要把JSON字符串转换为JSON对象来使用，因为JSON其实是JS的子语法，所以直接调用JS函数即可处理，这里有两个函数eval和parse都是将JSON字符串转换成JSON对象的函数，但是对于这三个方法的区别（前两种是一样的），我总结如下：

1. JSON.parse()

var jsonStr = '{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}';
var json = JSON.parse(jsonStr);
console.log(json);//输出:Object {name: "zhangsan", age: 23, email: "chentging@aliyun.com"}

这方法还可以捕捉JSON中的语法错误，并允许你传入一个函数，用来过滤或转换结果。简单的说，这个方法只针对标准格式的JSON字符串，更严谨。

2.使用jQuery插件jQuery.parseJSON()

var jsonStr = '{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}';
var json = jQuery.parseJSON(jsonStr);
console.log(json);//输出:Object {name: "zhangsan", age: 23, email: "chentging@aliyun.com"}

3.eval（"("+json+")"）

var jsonStr = '{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}';
var json = eval ("(" + jsonStr + ")");
console.log(json);//输出:Object {name: "zhangsan", age: 23, email: "chentging@aliyun.com"}

eval函数可将一个JavaScript代码字符串转换成特定的对象，所以转换成JSON对象只不过是作用之一。

为什么eval()解析JSON字符串要加上括号？

原因是两点：

1. json对象是以”{}”的方式来开始以及结束的，在JS中，它会被当成一个语句块来处理。

2. 加上圆括号为了处理字符串为表达式，而不是语句（statement）来执行。

不建议使用

虽然eval的能力是强过于JSON.parse的，它可解析不规范的JSON字符串，但可以看出，eval是不安全的，特别是数据是第三方给予时候，你根本不知道eval之后它会干什么。所以结论就是，乖乖用JSON.parse解析JSON对象。

因为有些地方你页面上传服务器要使用字符串，所以可以使用：

JSON.stringify()

函数来把JSON对象转换成字符串进行上传。

var json = {name: "zhangsan", age: 23, email: "chentging@aliyun.com"};
var jsonStr = JSON.stringify(json);
console.log(jsonStr);//输出:"{"name":"zhangsan","age":23,"email":"chentging@aliyun.com"}"

总结到这里，很简单，就是看你接收，传递需要JSON对象，还是字符串对象，像我自己做APP的时候，后台查询好数据，不管是对象，还是List，Map都会直接转换成json对象来传递，这样前台接收到json对象可以直接使用，提交请求的时候我也是直接提交json对象，有些朋友喜欢用字符串进行传递参数和接收响应，这样就需要做一部字符串转换JSON对象的步骤，当然格式要正确。最近发现一个很舒服的文档网站分享给大家，我们这种web程序员最需要的就是文档了，可以随时查阅：https://developer.mozilla.org/zh-CN/docs/Web