js解析json的eval函数

最新推荐文章于 2021-03-18 17:30:33 发布

Herman-Hong

最新推荐文章于 2021-03-18 17:30:33 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： json javascript eval

本文链接：https://blog.youkuaiyun.com/honghailiang888/article/details/49761367

前端专栏收录该内容

28 篇文章

订阅专栏

本文详细介绍了JavaScript中解析JSON的两种方法：使用eval函数和Function函数，并解释了为什么在使用eval函数时需要在JSON字符串外面加括号。通过对比不同方法的执行结果，深入理解JSON数据转换为JavaScript对象的过程。

JS提供两种方式解析JSON

//方式一：使用eval解析
  var obj = eval(json);
  alert(obj.constructor);
  alert(obj.contry.area.women);
  //方式二：使用Funtion函数
  var strJSON = "{name:'json name'}";//得到的JSON
  var obj = new Function("return" + strJSON)();//转换后的JSON对象
  alert(obj.name);//json name
  alert(obj.constructor);

由于Ajax的兴起，JSON这种轻量级的数据格式作为客户端与服务器之间的传输格式逐渐地流行起来，进而出现的问题是如何将服务器端构建好的JSON数据转化为可用的JavaScript对象。利用eval函数无疑是一种简单而直接的方法。在转化的时候需要将JSON字符串的外面包装一层圆括号：

var jsonObject = eval("(" + jsonFormat + ")");

为什么要加括号？

加上圆括号的目的是迫使eval函数在评估JavaScript代码的时候强制将括号内的表达式（expression）转化为对象，而不是作为语句（statement）来执行。举一个例子，例如对象字面量{}，如若不加外层的括号，那么eval会将大括号识别为JavaScript代码块的开始和结束标记，那么{}将会被认为是执行了一句空语句。所以下面两个执行结果是不同的：

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