js解析json字符串、对象与json之间的转换

前言

在数据传输流程中，json是以文本，即字符串的形式传递的，而JS操作的是JSON对象，所以，JSON对象和JSON字符串之间的相互转换是关键。

js解析json字符串

复制代码

// JSON字符串
'var str1 = '{ "name": "cxh", "sex": "man" }';

// JSON对象
var str2 = { "name": "cxh", "sex": "man" };

要使用str1，必须要先转化为JSON对象，有以下三种方式：

复制代码

var obj = eval('(' + str + ')'); //eval来转换JSON字符到Object

var obj = str.parseJSON(); //由JSON字符串转换为JSON对象

var obj = JSON.parse(str); //由JSON字符串转换为JSON对象

然后就可以读取了

复制代码

Alert(obj.name);
 
Alert(obj.sex);

除了eval()函数是js自带的之外，其他的几个都来自json.js包。新版本的 JSON 修改了 API，将 JSON.stringify() 和 JSON.parse() 两个都注入到了 Javascript 的内建对象里面，前者变成了 Object.toJSONString()，而后者变成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()，说明你的json包版本太低。

JS 对象与JSON之间的转换

JS对象转JSON

方式：JSON.stringify(obj)

复制代码

var json = {"name":"iphone","price":666}; //创建对象；
var jsonStr = JSON.stringify(json);       //转为JSON字符串
console.log(jsonStr);

{"name":"iphone","price":666}

JS数组转JSON

复制代码

//数组转json串
var arr = [1,2,3, { a : 1 } ];
JSON.stringify( arr );

JS对象数组转JSON

复制代码

//数组转json串
var arr = [1,2,3, { a : 1 } ];
JSON.stringify( arr );

JSON转JS数组

复制代码

//json字符串转数组
var jsonStr = '[1,2,3,{"a":1}]';
var jsarr=JSON.parse( jsonStr );
alert(jsarr[0]);

JSON转JS对象

复制代码

var jsonString = '{"bar":"property","baz":3}';
var jsObject = JSON.parse(jsonString);    //转换为json对象
alert(jsObject.bar);    //取json中的值