为了账号安全,请及时绑定邮箱和手机立即绑定

【九月打卡】第8天 遍历一个数组for和forEach哪个更快?

第一模块(课程信息):

课程名称:2周刷完100道前端优质面试真题
课程章节:第五章第十二节 遍历一个数组for和forEach哪个更快?
主讲老师:双越

第二模块(课程内容):

课程内容概述

代码演示对比哪个更快?

const arr = [];
for(let i=0;i<10*10000;i++){
	arr.push(i);
}
const length = arr.length;
console.time('for');
let n1 = 0;
for(let i=0;i<length;i++){
	n1++;
}
console.timeEnd('for');//3.7ms
console.time('forEach');
let n2 = 0;
arr.forEach(()=>n2++)
console.timeEnd('forEach');//15.1ms

结论:

  • for更快;
  • forEach每次都创建一个函数来调用,for不会创建函数;
  • 函数需要独立的作用域,会有额外的开销;

日常重点:

  • 越“低级”的代码,性能往往越好;
  • 日常开发别只考虑性能,forEach代码可读性更好;

第三模块(学习心得):

通过这节课的学习,更加从底层原理明白for和forEach的哪个性能更好一些,通过离子更加清晰地展现,在数据量不大的情况下,可以使用forEach。

第四模块(学习截图):

图片描述
图片描述
图片描述

点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
Web前端工程师
手记
粉丝
11
获赞与收藏
7

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消