用Js的eval解析JSON中的注意点

时间：2015-11-18 16:12:30 阅读：166 评论：0 收藏：0 [点我收藏+]

标签：

用Js的eval解析JSON中的注意点

博客分类：

javascript

一般解析后台传到前台的json字符串成为js对象有两种方式：
1.使用eval()函数

Js代码  
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:‘商洛市‘}   
]  
}";   
var dataObj=eval("("+data+")");//转换为json对象  

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

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

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

2. 使用Function对象来进行返回解析。
第二种解析方式就是使用Function对象来完成，它的典型应用就是在JQUERY中的AJAX方法下的success等对于返回数据data的解析：

Js代码  
var json=‘{"name":"CJ","age":18}‘;  
   
data =(new Function("","return "+json))();  

用Js的eval解析JSON中的注意点

标签：

原文地址：http://www.cnblogs.com/zhangyong123/p/4974554.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行