js/jq解析json

JSON

JSON实际上是JavaScript的一个子集。在JSON中，一共就这么几种数据类型：
- number：和JavaScript的number完全一致；
- boolean：就是JavaScript的true或false；
- string：就是JavaScript的string；
- null：就是JavaScript的null；
- array：就是JavaScript的Array表示方式——[]；
- object：就是JavaScript的{ … }表示方式。

JSON还定死了字符集必须是UTF-8。为了统一解析，JSON的字符串规定必须用双引号""，Object的键也必须用双引号""。
JavaScript内置了JSON的解析。

JS处理JSON

前提代码

var txt = '[ {"fistName" : "Bill",  "lastName" : "Gates" },{ "fistName" : "Steve",    "lastName" : "Jobs" },{ "fistName" : "Mark",   "lastName" : "Zuckerberg" }]';

反序列化

eval

用法

eval(“(“+JsonStr+”)”)可以将JsonStr字符串转为Js中的json对象。

缺点

不安全，eval() 函数可编译并执行任何 JavaScript 代码。

案例

代码：

var arrayJsonObject =eval("("+txt+")");console.log(arrayJsonObject );

JSON.parse()

用法

JSON 解析器将 JSON 转换为 JavaScript 对象，即JSON.parse(jsonstr);。JSON 解析器只能识别 JSON 文本，而不会编译脚本。（ 解析器的速度更快，推荐）

案例

1：代码：

   var arrayJsonObject = JSON.parse(txt);   console.log(arrayJsonObject); 

运行结果：
eval和JSON.parse()取得的结果一样，都是将字符串转为对象。

2：代码：
JSON.parse(string,function）转换string为对象时，还可以携带一个处理函数处理string。

JSON.parse('{"name":"小明","age":15}', function (key, value) {    if (key === 'name') {        return value + '同学';    }    return value;});

运行结果：

Object {name: "小明同学", age: 14} 

循环json对象

for (var i in arrayJsonObject) {  //i不是key,是数组下标    console.log(i);    console.log("fistName:"+arrayJsonObject[i].fistName+"lastName:"+arrayJsonObject[i].lastName); };

浏览器控制台打印结果：

0fistName:Bill  lastName:Gates1fistName:Steve lastName:Jobs2fistName:Mark  lastName:Zuckerberg

序列化

JSON.stringify()

用法

JSON 解析器将 JSON对象（ JavaScript 内置对象） 转换为JSON字符串，即JSON.stringify(jsonObject);。
可以加上参数，按缩进输出，美化输出结果：JSON.stringify(jsonObject, null,' ');

案例

1：代码：

   var arrayJsonObject = JSON.parse(txt);   console.log(arrayJsonObject);    var arrayJsonStr = JSON.stringify(arrayJsonObject , null,' ');   console.log(arrayJsonStr)

结果：

[Object, Object, Object]    0: Object    1: Object    2: Object    length: 3__proto__: Array[0][ {  "fistName": "Bill",  "lastName": "Gates" }, {  "fistName": "Steve",  "lastName": "Jobs" }, {  "fistName": "Mark",  "lastName": "Zuckerberg" }]

2：代码：
JSON.stringify(jsonObject, null,' '); 第二个参数可以为数组Array，用于控制如何筛选对象的键值，如果我们只想输出指定的属性，可以传入Array：

var txt = '[ {"fistName" : "Bill",  "lastName" : "Gates" ,"completeName":"Bill Gates"},{ "fistName" : "Steve",    "lastName" : "Jobs","completeName":"Steve Jobs" },{ "fistName" : "Mark",   "lastName" : "Zuckerberg" ,"completeName":"Mark Zuckerberg"}]';var arrayJsonObject = JSON.parse(txt);var arrayJsonStr = JSON.stringify(arrayJsonObject, ['fistName','completeName'],' ');console.log(arrayJsonStr)

结果：

[ {  "fistName": "Bill",  "completeName": "Bill Gates" }, {  "fistName": "Steve",  "completeName": "Steve Jobs" }, {  "fistName": "Mark",  "completeName": "Mark Zuckerberg" }]

3：代码：
JSON.stringify(jsonObject, null,' '); 第二个参数也可以为处理函数，这样对象的每个键值对都会被函数先处理：

var txt = '[ {"fistName" : "Bill",  "lastName" : "Gates" ,"completeName":"比尔盖茨"},{ "fistName" : "Steve",    "lastName" : "Jobs","completeName":"乔布斯" },{ "fistName" : "Mark",   "lastName" : "Zuckerberg" ,"completeName":"Mark Zuckerberg"}]';var arrayJsonObject = JSON.parse(txt);function convert(key, value) {    if (typeof value === 'string') {        return value.toUpperCase();    }    return value;}var arrayJsonStr = JSON.stringify(arrayJsonObject,  convert, ' ');console.log(arrayJsonStr);

结果：

[ {  "fistName": "BILL",  "lastName": "GATES",  "completeName": "比尔盖茨" }, {  "fistName": "STEVE",  "lastName": "JOBS",  "completeName": "乔布斯" }, {  "fistName": "MARK",  "lastName": "ZUCKERBERG",  "completeName": "MARK ZUCKERBERG" }]

4：代码：
精准控制序列化

var xiaoming = {    name: '小明',    age: 14,    gender: true,    height: 1.65,    grade: null,    'middle-school': '\"W3C\" Middle School',    skills: ['JavaScript', 'Java', 'Python', 'Lisp'],    toJSON: function () {        return { // 只输出name和age，并且改变了key：            'Name': this.name,            'Age': this.age        };    }};console.log(JSON.stringify(xiaoming)); 

结果：

'{"Name":"小明","Age":14}'

JQ处理JSON

反序列化

将json字符串转换成json对象 $.parseJSON( jsonstr );
代码：

var txt = '[ {"fistName" : "Bill",  "lastName" : "Gates" ,"completeName":"比尔盖茨"},{ "fistName" : "Steve",    "lastName" : "Jobs","completeName":"乔布斯" },{ "fistName" : "Mark",   "lastName" : "Zuckerberg" ,"completeName":"Mark Zuckerberg"}]';var jsonObject = $.parseJSON(txt);console.log(jsonObject);

结果：

[Object, Object, Object]

序列化

需要自己扩展，jQuery.stringifyJSON(obj)方法不存在。

处理

JQ异步ajax获取直接将type设为json，也可用$.getJSON()直接获取JSON对象
案例：

$.getJSON(“http://ip:prot/json”,{param:”value”},function(data){    $.each(data,function(index,content){ content.key; content.value; })})

JSON官方处理

http://www.json.org/提供了一个json.js，这样ie8(兼容模式)，ie7和ie6就可以支持JSON对象以及其stringify()和parse()方法。
可以在https://github.com/douglascrockford/JSON-js上获取到这个js，一般现在用json2.js。

参考

http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499490767fe5a0e31e17e44b69dcd1196f7ec6fc6000

http://www.cnblogs.com/yeminglong/p/3799282.html