JS中对象与字符串的互相转换详解

在使用 JSON2.JS 文件的 JSON.parse(data) 方法时候，碰到了问题：

throw new SyntaxError('JSON.parse');

查询资料，大概意思如下：

JSON.parse方法在遇到不可解析的字符串时，会抛出SyntaxError异常。

即：JSON.parse(text, reviver)，This method parses a JSON text to produce an object or array. t can throw a SyntaxError exception.

所以，在这里在此总结一下 JS 中对象与字符串的互相转换，因为这涉及到浏览器兼容问题。

1：jQuery插件支持的转换方式

代码如下：

$.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象

反过来，使用 serialize 系列方法：如：var fields = $("select, :radio").serializeArray();

2：浏览器支持的转换方式(Firefox，chrome，opera，safari，ie9，ie8)等浏览器

代码如下：

JSON.parse(jsonstr); //可以将json字符串转换成json对象

JSON.stringify(jsonobj); //可以将json对象转换成json对符串

注：ie8(兼容模式),ie7和ie6没有JSON对象，需要引入 json.js 或 json2.js。

3：Javascript支持的转换方式

eval('(' + jsonstr + ')'); //可以将json字符串转换成json对象,注意需要在json字符外包裹一对小括号

注：ie8(兼容模式),ie7和ie6也可以使用eval()将字符串转为JSON对象，但不推荐这些方式，这种方式不安全eval会执行json串中的表达式。

 

 

 

 

比如我有两个变量，我要将a转换成字符串，将b转换成JSON对象：

js 代码:

1. var a={"name":"tom","sex":"男","age":"24"};
2. var b='{"name":"Mike","sex":"女","age":"29"}';

在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify()和parse()方法。

JSON.stringify(obj)将JSON转为字符串。

JSON.parse(string)将字符串转为JSON格式；

上面的转换可以这么写：

js 代码:

1. var a={"name":"tom","sex":"男","age":"24"};
2.  
3. var b='{"name":"Mike","sex":"女","age":"29"}';
4.  
5. var aToStr=JSON.stringify(a);
6.  
7. var bToObj=JSON.parse(b);
8.  
9. alert(typeof(aToStr));  //string
10.  
11. alert(typeof(bToObj));//object

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

ie8(兼容模式),ie7和ie6可以使用eval()将字符串转为JSON对象，

js 代码:

1. var c='{"name":"Mike","sex":"女","age":"29"}';
2. var cToObj=eval("("+c+")");
3. alert(typeof(cToObj));

jQuery中也有将字符串转为JSON格式的方法jQuery.parseJSON( json )，接受一个标准格式的 JSON 字符串，并返回解析后的 JavaScript （JSON）对象。当然如果有兴趣可以自己封装一个jQuery扩展，jQuery.stringifyJSON(obj)将JSON转为字符串。