JS - JSON对象与JSON字符串相互转换的几种方法

实现 JSON 字符串与 JSON 对象相互转换的方式有很多，下面分别进行介绍。

一、JSON字符串转化为JSON对象

假设我们有如下 JSON 字符串需要转换为 JSON 对象。

1	var jsonStr = '[{"CityId":18,"CityName":"西安"},{"CityId":53,"CityName":"广州"}]';

 

1，使用eval()函数进行转换

 

• 使用 eval() 转换时需要在 json 字符外包裹一对小括号。
• ie8(兼容模式)、ie7、ie6 不要使用此方法。

1 2	var jsonObj = eval('(' + jsonStr + ')'); alert(jsonObj[0]["CityName"]);

 

2，使用JSON.parse()方法进行转换

• ie8(兼容模式)、ie7、ie6 不要使用此方法。

1	var jsonObj = JSON.parse(jsonStr);

3，使用json2.js进行转换

json2.js 提供了 json 的序列化和反序列化方法，完美支持各个浏览器。
使用时我们首先要将 json2.js 引用进来，源码地址：https://github.com/douglascrockford/JSON-js

1	var jsonObj = JSON.parse(jsonStr);

 

4，使用jQuery进行转换

如果我们项目中有使用 jQuery，那么直接使用 $.parseJSON() 方法即可，而且可以确保各个浏览器的兼容性。

 

1	var jsonObj = $.parseJSON(jsonStr);

 

二、JSON对象转化为JSON字符串

假设我们有如下的对象：

 

1 2 3 4

var jsonObj = {     "CityId":"18",     "CityName":"西安2" };

 

1，使用JSON.stringify()方法进行转换

该方法不支持较老版本的IE浏览器，比如：ie8(兼容模式)、ie7、ie6。

1 2	var jsonStr = JSON.stringify(jsonObj); alert(jsonStr);

运行结果如下：

 

2，使用json2.js进行转换

如果想要兼容早期版本的IE浏览器，比如：ie8(兼容模式)、ie7、ie6。可以下载使用 json2.js，具体地址参考前面内容。使用方式和上面一样。

1	var jsonStr = JSON.stringify(jsonObj);

 

3，使用jQuery进行转换

首先对 jQuery 进行扩展，增加个 json 对象转字符串的方法。

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

jQuery.extend({     stringify  : function stringify(obj) {         var t = typeof (obj);         if (t != "object" || obj === null) {             // simple data type             if (t == "string") obj = '"' + obj + '"';             return String(obj);         } else {             // recurse array or object             var n, v, json = [], arr = (obj && obj.constructor == Array);               for (n in obj) {                 v = obj[n];                 t = typeof(v);                 if (obj.hasOwnProperty(n)) {                     if (t == "string") v = '"' + v + '"';                     else if (t == "object" && v !== null) v = jQuery.stringify(v);                     json.push((arr ? "" : '"' + n + '":') + String(v));                 }             }             return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");         }     } });

使用方式如下：

1	var jsonStr = $.stringify(jsonObj);