原生html使用循环,Jquery的each循环和原生循环及html5foreach循环的效率比较

本文通过对比原生JavaScript循环、jQuery的each循环和HTML5的forEach循环在不同浏览器中的运行时间,分析了它们的效率。实验结果显示,原生循环通常最快,Firefox下的forEach因优化接近原生循环,而Chrome中forEach性能最低。结论是,对于追求效率的项目,应优先选择原生循环。
摘要由CSDN通过智能技术生成

首先先上模拟代码

Insert title here

var result = createData();

function createData() {

var result = [];

for (var index = 0; index < 900000; index++) {

result.push(index);

}

return result;

}

/**

* 模拟jquery的each循环

*/

function each(arr, fn) {

for (var index = 0, len = arr.length; index < len; index++) {

fn.call(null, arr[index], index, arr);

}

}

var start = new Date().getTime();

var testNum = 3;

// each循环

each(result, function(item) {

testNum += item;

});

var end = new Date().getTime();

// IE8下1530左右

console.log(end - start);

start = new Date().getTime();

testNum = 3;

// normal循环

for (var index =

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值