Json字符串转换为JS对象方法

最新推荐文章于 2025-09-20 14:08:31 发布

原创最新推荐文章于 2025-09-20 14:08:31 发布 · 1.2k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种比eval更高效的JSON字符串解析方法，通过Function构造函数直接执行JSON字符串，解析速度提升数百倍。并附带实测对比，展示了其在大数据量下的显著优势。

分享一下我老师大神的人工智能教程！零基础，通俗易懂！http://blog.youkuaiyun.com/jiangjunshow

也欢迎大家转载本篇文章。分享知识，造福人民，实现我们中华民族伟大复兴！

一般JSON字符串转换为JS对象，都使用

var jsonStr="{a:1}";
var jsonObj = eval("("+jsonStr+")");

今天学习JQuery源码看到一下方法，原来还可以这样解析JSON字符串：

  parseJSON: function( data ) {
  if ( typeof data !== "string" || !data ) {
   return null;
  }

  // Make sure leading/trailing whitespace is removed (IE can't handle it)
  data = jQuery.trim( data );

  // Make sure the incoming data is actual JSON
  // Logic borrowed from http://json.org/json2.js
  if ( /^[/],:{}/s]*$/.test(data.replace(///(?:["////bfnrt]|u[0-9a-fA-F]{4})/g, "@")
   .replace(/"[^"///n/r]*"|true|false|null|-?/d+(?:/./d*)?(?:[eE][+/-]?/d+)?/g, "]")
   .replace(/(?:^|:|,)(?:/s*/[)+/g, "")) ) {

   // Try to use the native JSON parser first
   return window.JSON && window.JSON.parse ?
    window.JSON.parse( data ) :
    (new Function("return " + data))();

  } else {
   jQuery.error( "Invalid JSON: " + data );
  }
 }

这个方法核心的代码就是：

(new Function("return " + data))();

它使用了Function()构造函数。讲json字符串作为函数执行数据传入，定义后立即执行该函数，此时这个函数会返回JSON对象

我做了一个测试，用这个方法解析JSON字符串的效率要比用Eval解析快好几百倍

var jsonStr ="{";
for(var i=0;i<10000;i++){
 jsonStr+="a"+i+":"+i+","
}
jsonStr = jsonStr.substring(0,jsonStr.length-1);
jsonStr+="}";

var date = new Date();
var start = date.getTime()
//var boj = (new Function("return "+jsonStr ))();
var boj = eval("("+jsonStr+")");
var date1 = new Date();
console.info(date1.getTime()-start);

我用firfox测试结果，用eval解析花费了7234毫秒，而用函数这种方法，用了55毫秒，太神奇了