js中把JSON字符串转换成JSON对象最好的方法

在JS中将JSON的字符串解析成JSON数据格式,一般有两种方式: 1.一种为使用eval()函数。 2. 使用Function对象来进行返回解析。

第一种解析方式:使用eval函数来解析,并且使用jQuery的each方法来遍历 用jQuery解析JSON数据的方法,作为jQuery异步请求的传输对象,jQuery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式,对于利用JSONObject等插件封装的JSON对象,与此亦是大同小异,这里不再做说明。 这里首先给出JSON字符串集,字符串集如下:

代码如下:

var data = " {
root:
    [
        {name: ‘1‘, value: ‘0‘},
        {name: ‘6101‘, value: ‘北京市‘},
        {name: ‘6102‘, value: ‘天津市‘},
        {name: ‘6103‘, value: ‘上海市‘},
        {name: ‘6104‘, value: ‘重庆市‘},
        {name: ‘6105‘, value: ‘渭南市‘},
        {name: ‘6106‘, value: ‘延安市‘},
        {name: ‘6107‘, value: ‘汉中市‘},
        {name: ‘6108‘, value: ‘榆林市‘},
        {name: ‘6109‘, value: ‘安康市‘},
        {name: ‘6110‘, value: ‘商洛市‘}
    ]
}
";

这里以jQuery异步获取的数据类型——json对象和字符串为依据,分别介绍两种方式获取到的结果处理方式。 1、对于服务器返回的JSON字符串,如果jQuery异步请求没做类型说明,或者以字符串方式接受,那么需要做一次对象化处理,方式不是太麻烦,就是将该字符串放于eval()中执行一次。这种方式也适合以普通JavaScipt方式获取json对象,以下举例说明:

代码如下:

var dataObj = eval("(" + data + ")");  // 转换为json对象

为什么要 eval这里要添加 “("(" + data + ")");” 呢? 原因在于:eval本身的问题。 由于json是以“{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。 加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:

代码如下:

alert(eval("{}"); // return undefined
alert(eval("({})");// return object[Object]

对于这种写法,在JS中,可以到处看到。 如: (function(){})();  做闭包操作时等。

代码如下:

alert(dataObj.root.length);//输出root的子对象数量
$.each(dataObj.root, fucntion(idx, item) {
 if (idx == 0) {
  return true;
 }

 //输出每个root子对象的名称和值
 alert("name:" + item.name + ",value:" + item.value);
})

2、对于服务器返回的JSON字符串,如果jQuery异步请求将type(一般为这个配置属性)设为“json”,或者利用$.getJSON()方法获得服务器返回,那么就不需要eval()方法了,因为这时候得到的结果已经是json对象了,只需直接调用该对象即可,这里以$.getJSON方法为例说明数据处理方法:

代码如下:

$.getJSON("http://blog.snsgou.com/", {param: "snsgou"}, function (data) {
 // 此处返回的data已经是json对象
 // 以下其他操作同第一种情况
 $.each(data.root, function (index, item) {
  if (index == 0) {
   return true; // 同countinue,返回false同break
  }
  alert("name:" + item.name + ",value:" + item.value);
 });
});

这里特别需要注意的是方式1中的eval()方法是动态执行其中字符串(可能是js脚本)的,这样很容易会造成系统的安全问题。所以可以采用一些规避了eval()的第三方客户端脚本库,比如JSON in JavaScript就提供了一个不超过3k的脚本库。

第二种解析方式:使用Function对象来完成,它的典型应用就是在jQuery中的AJAX方法下的success等对于返回数据data的解析

代码如下:

var json=‘{"name":"CJ","age":18}‘;

data =(new Function("", "return " + json))();

此时的data就是一个会解析成一个 json对象了。

最后的结论是: json字符串转json对象,使用 (new Function("return " + jsonString))(); 来代替 eval(‘(‘ + jsonString + ‘)‘);

http://www.bitscn.com/school/Javascript/201408/306420.html

时间: 2024-12-17 02:56:54

js中把JSON字符串转换成JSON对象最好的方法的相关文章

json字符串转换成json对象

Json字符与Json对象的相互转换方式有很多,接下来将为大家一一介绍下,感兴趣的朋友可以参考下哈,希望可以帮助到你 1>jQuery插件支持的转换方式: 代码如下: $.parseJSON( jsonstr ); //jQuery.parseJSON(jsonstr),可以将json字符串转换成json对象 2>浏览器支持的转换方式(Firefox,chrome,opera,safari,ie9,ie8)等浏览器: 代码如下: JSON.parse(jsonstr); //可以将json字符

json字符串转换成json对象,json对象转换成字符串,值转换成字符串,字符串转成值

主要内容: 一.json相关概念 二.json字符串转换成json对象 (字符串-->JSON对象) 三.json对象转换成字符串(json对象-->字符串) 四.将值转换成字符串(值-->字符串) 五.字符串转成值(字符串-->值) 同步的交流学习社区:http://www.mwcxs.top/page/425.html 一.json相关概念 json,全称为javascript object notation,是一种轻量级的数据交互格式.采用完全独立于语言的文本格式,是一种理想

JSON字符串转换成Map对象

页面向后台action传递一个json字符串,需要将json字符串转换成Map对象 import java.util.HashMap; import java.util.Iterator; import java.util.Map; import net.sf.json.JSONObject; public Map<String, String> toMap(Object object) { Map<String, String> data = new HashMap<Str

json字符串转换成user对象。

原代码如下: 1 DefaultHttpClient httpClient = new DefaultHttpClient(); 2 HttpPost method = new HttpPost("http://localhost:8080/tu-login/tuloginMethod"); 3 4 JSONObject jsonParam = new JSONObject(); 5 jsonParam.put("phone", phone); 6 jsonPara

[转载]将json字符串转换成json对象

例如: JSON字符串: var str1 = '{ "name": "cxh", "sex": "man" }'; JSON对象: var str2 = { "name": "cxh", "sex": "man" }; 一.JSON字符串转换为JSON对象 要使用上面的str1,必须使用下面的方法先转化为JSON对象: //由JSON字符串转换为

nodejs学习之字符串转换成JSON

json字符串转换成JSON对象. data = "{\"mch_id\":\"12345678\",\"hb_type\":\"NORMAL\",\"hblist\":\"dddd\"}"; j = JSON.parse(data)

js中将字符串转换成json的方式

1.eval 方式解析,实际中用的还是比较少 function evalJson(str){ var json = eval('(' + str + ')'); return json; } 2.使用js 的全局对象 JSON 对象 function isJson(str){ return JSON.parse(str); } 3.还有就是jq中 使用的 $.pareJSON $.parseJSON(str); 4.看jq源码和一些人的写法了解一种new Function function ne

JSON-JSON字符串转换成JSON对象、JSON对象数组、java实体类以及保存到List列表中

处理JSON字符串时,一直出错,写个样例后发现原来是没有弄清楚数据的格式问题. 实现的是 JSONString 转换成java对象 或是 list列表 实例类 News package lyx.entity; /** * @author lyx * * 2015-8-10上午10:14:38 * * *新闻类 */ public class News { /** * 日期 */ private String date; /** * 链接 */ private String link; /** *

json字符串转换成对象,对象转换成json字符串

方法一: 程序集:  System.Web.Extensions; 命名空间:System.Web.Script.Serialization; 最重要的类:JavaScriptSerializer //实例化 JavaScriptSerializer js = new JavaScriptSerializer(); js.Serialize();//将对象转换成json字符串:    序列号 js.Deserialize();//将json字符串转换成对象:  反序列化 方法二: 程序集:New