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

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了Json字符串转换为JS对象的高效方法实例_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1448字，纯文字阅读大概需要3分钟。

内容图文

今天学习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技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/316633.html

来源：【匿名】