Json字符串轉(zhuǎn)換為JS對象的高效方法實例
今天學習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(///(?:["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 );
}
}
這個方法核心的代碼就是：
(new Function("return " + data))();
它使用了Function()構(gòu)造函數(shù)。講json字符串作為函數(shù)執(zhí)行數(shù)據(jù)傳入，定義后立即執(zhí)行該函數(shù)，此時這個函數(shù)會返回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測試結(jié)果，用eval解析花費了7234毫秒，而用函數(shù)這種方法，用了55毫秒，太神奇了.
相關(guān)文章
這篇文章主要介紹了js實現(xiàn)仿Discuz文本框彈出層效果的方法,可實現(xiàn)點擊文本框彈出窗口選擇數(shù)據(jù)的效果,涉及鼠標事件及頁面自定義彈出窗口的相關(guān)操作技巧,需要的朋友可以參考下2015-08-08
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)九宮格點擊變色效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)彈性導航效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-11-11
Bootstrap基本插件學習筆記之模態(tài)對話框(16)
這篇文章主要為大家詳細介紹了Bootstrap基本插件學習筆記之模態(tài)對話框的相關(guān)資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-12-12
JavaScript的一些用法總結(jié)2009-09-09
JS獲得多個同name 的input輸入框的值的實現(xiàn)方法
這篇文章主要介紹了基于JS代碼實現(xiàn)input密碼輸入框輸入密碼變黑點密文以及JS獲得多個同name 的input輸入框的值的實現(xiàn)方法，代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友參考下2017-01-01
js跨域是指通過js在不同的域之間進行數(shù)據(jù)傳輸或通信，只要協(xié)議、域名、端口有任何一個不同，都被當作是不同的域，在這篇文章中講給大家介紹一下js中幾種實用的跨域方法原理,需要的朋友可以參考下2023-06-06
uploadify插件實現(xiàn)多個圖片上傳并預(yù)覽
這篇文章主要為大家詳細介紹了uploadify插件實現(xiàn)多個圖片上傳并預(yù)覽，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-09-09
這篇文章主要介紹了javascript原型模式用法,以實例形式較為詳細的分析了javascript原型模式的原理與使用技巧,需要的朋友可以參考下2015-06-06
JS判斷移動端訪問設(shè)備并加載對應(yīng)CSS樣式
JS判斷不同web訪問環(huán)境，主要針對移動設(shè)備，提供相對應(yīng)的解析方案，本例是加載不同的css樣式2014-06-06