最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

Json字符串转换为JS对象的高效方法实例_javascript技巧

来源:动视网 责编:小采 时间:2020-11-27 21:09:16
文档

Json字符串转换为JS对象的高效方法实例_javascript技巧

Json字符串转换为JS对象的高效方法实例_javascript技巧:今天学习JQuery源码看到一下方法,原来还可以这样解析JSON字符串: 代码如下: parseJSON: function( data ) { if ( typeof data !== string !data ) { return null; } // Make sure leading/trailing whi
推荐度:
导读Json字符串转换为JS对象的高效方法实例_javascript技巧:今天学习JQuery源码看到一下方法,原来还可以这样解析JSON字符串: 代码如下: parseJSON: function( data ) { if ( typeof data !== string !data ) { return null; } // Make sure leading/trailing whi


今天学习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毫秒,太神奇了.

文档

Json字符串转换为JS对象的高效方法实例_javascript技巧

Json字符串转换为JS对象的高效方法实例_javascript技巧:今天学习JQuery源码看到一下方法,原来还可以这样解析JSON字符串: 代码如下: parseJSON: function( data ) { if ( typeof data !== string !data ) { return null; } // Make sure leading/trailing whi
推荐度:
标签: 转换 实例 json
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top