javascript中用eval方法转换json对象

javascript中用eval方法转换json对象
var u = eval(’(’+user+’)’);

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

var u = eval(’(’+user+’)’);

为什么要 eval这里要添加(’(’+user+’)’) ”呢?

原因在于:eval本身的问题。
由于json是以”{}”的方式来开始以及结束的,在JS中,它会被当成一个语句块来处理,所以必须强制性的将它转换成一种表达式。

加上圆括号的目的是迫使eval函数在处理JavaScript代码的时候强制将括号内的表达式(expression)转化为对象,而不是作为语句(statement)来执行。举一个例子,例如对象字面量{},如若不加外层的括号,那么eval会将大括号识别为JavaScript代码块的开始和结束标记,那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的:
alert(eval("{}"); // return undefined alert(eval("({})");// return
object[Object]

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

$.getJSON("http://www.qk12333.com/",{param:"jcuckoo"},function(data){ 
//此处返回的data已经是json对象 
//以下其他操作同第一种情况 
$.each(data.root,function(idx,item){ 
    if(idx==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”:“userName”,“age”:28}’; data =(new Function("","return "+json))(); 此时的data就是一个会解析成一个 json对象了.

js中eval()和$.parseJSON()的区别以及JSON.stringify()

1.第一个区别是:安全性

json格式非常受欢迎,而解析json的方式通常用JSON.parse()但是eval()方法也可以解析,这两者之间有什么区别呢?
JSON.parse()之可以解析json格式的数据,并且会对要解析的字符串进行格式检查,如果格式不正确则不进行解析,而eval()则可以解析任何字符串,eval是不安全的。 如:

var str = 'alert(1000.toString())';  
eval(str);  
JSON.parse(str); 

用eval可以解析,并且会弹出对话框,而用JSON.parse()则解析不了。 其实alert并没有什么坏处,可怕的是如果用恶意用户在json字符串中注入了向页面插入木马链接的脚本,用eval也是可以操作的,而用JSON.parse()则不必担心这个问题。

注意:某些低级的浏览器尚不支持JSON.parse()
《高性能Javascript》一书即指出:警告:关于JSON和eval需要注意的是:在代码中使用eval是很危险的,特别是用它执行第三方的JSON数据(其中可能包含恶意代码)时,尽可能使用JSON.parse()方法解析字符串本身。该方法可以捕捉JSON中的语法错误,并允许你传入一个函数,用来过滤或转换解析结果。如果此方法以备Firfox
3.5 、IE8 及 Safari 4 原生支持。大多数javascript类库包含的JSON解析代码会直接调用原生版本,如果没有原生支持的话,会调用一个略微不那么强大的非原生版本来处理。

2.第二个区别:JSON.parse()解析的必须是json格式的字符串要不报错,而eval()则没有这么严格

在这里“json格式的字符串”是指要求指定的字符串必须符合严格的JSON格式,例如:属性名称必须加双引号、字符串值也必须用双引号。
如果传入一个格式不"完好"的JSON字符串将抛出一个JS异常

json的解析方法共有两种:eval 和 JSON.parse(),如:

var jsonStr= '{"name":"lulu", "sex":"female"}';  
var evalJson=eval('('+jsonStr+')');  
var jsonParseJson=JSON.parse(jsonStr);  
这样就把json格式的字符串jsonStr转换成了JSON对象。
但是区别是:
var age = 27;  
var jsonStr= '{"name":"lulu", "sex":"female","age":++age}';  
var evalJson=eval('('+jsonStr+')'); //不报错此时age的值是28  
var jsonParseJson=JSON.parse(jsonStr);//报错  

从上面eval()函数的用法我们可以看出eval()函数在解析json格式的字符串时要加上圆括号如eval(’(’+jsonStr+’)’),这是因为:
上述已说明

JSON.stringify()

  JSON.stringify()是把json数据转化成json格式的字符串如: 

    var jsonObj = {"name":"lulu","sex":"female"};  
    var jsonStr = JSON.stringify(jsonObj);  
    结果是:
    '{"name":"lulu", "sex":"female"}'

参考文献:https://www.cnblogs.com/chenguangliang/p/6688730.html
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

你可能感兴趣的:(javascript)