Json字符串轉(zhuǎn)換為JS對(duì)象的高效方法實(shí)例

更新時(shí)間：2013年05月01日 14:20:26 作者：

一般JSON字符串轉(zhuǎn)換為JS對(duì)象，都使用var jsonStr="{a:1}";var jsonObj = eval("("+jsonStr+")");

今天學(xué)習(xí)JQuery源碼看到一下方法，原來(lái)還可以這樣解析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(///(?:["http:////bfnrt]|u[0-9a-fA-F]{4})/g, "@")
   .replace(/"[^"http:///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 );
  }
}

這個(gè)方法核心的代碼就是：

復(fù)制代碼代碼如下:

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

它使用了Function()構(gòu)造函數(shù)。講json字符串作為函數(shù)執(zhí)行數(shù)據(jù)傳入，定義后立即執(zhí)行該函數(shù)，此時(shí)這個(gè)函數(shù)會(huì)返回JSON對(duì)象

我做了一個(gè)測(cè)試，用這個(gè)方法解析JSON字符串的效率要比用Eval解析快好幾百倍

復(fù)制代碼代碼如下:

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測(cè)試結(jié)果，用eval解析花費(fèi)了7234毫秒，而用函數(shù)這種方法，用了55毫秒，太神奇了.

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)仿Discuz文本框彈出層效果
這篇文章主要介紹了js實(shí)現(xiàn)仿Discuz文本框彈出層效果的方法,可實(shí)現(xiàn)點(diǎn)擊文本框彈出窗口選擇數(shù)據(jù)的效果,涉及鼠標(biāo)事件及頁(yè)面自定義彈出窗口的相關(guān)操作技巧,需要的朋友可以參考下
2015-08-08
JavaScript實(shí)現(xiàn)九宮格點(diǎn)擊變色效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)九宮格點(diǎn)擊變色效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-08-08
JavaScript實(shí)現(xiàn)彈性導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)彈性導(dǎo)航效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-11-11
Bootstrap基本插件學(xué)習(xí)筆記之模態(tài)對(duì)話框(16)
這篇文章主要為大家詳細(xì)介紹了Bootstrap基本插件學(xué)習(xí)筆記之模態(tài)對(duì)話框的相關(guān)資料,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-12-12
javascript 一些用法小結(jié)
JavaScript的一些用法總結(jié)
2009-09-09
JS獲得多個(gè)同name 的input輸入框的值的實(shí)現(xiàn)方法
這篇文章主要介紹了基于JS代碼實(shí)現(xiàn)input密碼輸入框輸入密碼變黑點(diǎn)密文以及JS獲得多個(gè)同name 的input輸入框的值的實(shí)現(xiàn)方法，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2017-01-01
JS中幾種實(shí)用的跨域方法原理詳解
js跨域是指通過(guò)js在不同的域之間進(jìn)行數(shù)據(jù)傳輸或通信，只要協(xié)議、域名、端口有任何一個(gè)不同，都被當(dāng)作是不同的域，在這篇文章中講給大家介紹一下js中幾種實(shí)用的跨域方法原理,需要的朋友可以參考下
2023-06-06
uploadify插件實(shí)現(xiàn)多個(gè)圖片上傳并預(yù)覽
這篇文章主要為大家詳細(xì)介紹了uploadify插件實(shí)現(xiàn)多個(gè)圖片上傳并預(yù)覽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-09-09
javascript原型模式用法實(shí)例詳解
這篇文章主要介紹了javascript原型模式用法,以實(shí)例形式較為詳細(xì)的分析了javascript原型模式的原理與使用技巧,需要的朋友可以參考下
2015-06-06
JS判斷移動(dòng)端訪問(wèn)設(shè)備并加載對(duì)應(yīng)CSS樣式
JS判斷不同web訪問(wèn)環(huán)境，主要針對(duì)移動(dòng)設(shè)備，提供相對(duì)應(yīng)的解析方案，本例是加載不同的css樣式
2014-06-06