UDN-企业互联网技术人气社区

板块导航

浏览  : 827
回复  : 2

[原生js] "forEach" is slower than "for"

[复制链接]
genie1003的头像 楼主
发表于 2017-1-9 15:29:48 | 显示全部楼层 |阅读模式
  JS 中数组循环有两种方式:for循环和forEach。

  forEach 是ECMAScript 5.1版本新增加的方法,在IE8、IOS 8以下的浏览器是不支持的,Android 还未具体测试过。现在回到重点,forEach 与 for 循环的效率相比,哪个更快?
  1. // 先创建一个数组长度为10000的数组
  2. var arr = [];
  3. for (var i = 0; i < 100000; i++) {
  4.     arr.push(i);
  5. }
复制代码

  现在分别用两种方法,对数组的值依次加1

  方法:for
  1. console.time('for');
  2. for (var i = 0; i < 100000; i++) {
  3.     arr[i] += 1;
  4. }
  5. console.timeEnd('for');
复制代码

  方法:forEach
  1. console.time('forEach');
  2. arr.forEach(function (val, i) {
  3.     val += 1;
  4. });
  5. console.timeEnd('forEach');
复制代码

  经测试了5次,如下图的结果显示,forEach的执行时间普遍比for循环多2倍以上的时间
1.png

  具体代码可见 JSFiddle

相关帖子

发表于 2017-1-9 15:30:19 | 显示全部楼层
前排支持下
使用道具 举报

回复

发表于 2017-1-12 23:22:11 | 显示全部楼层
占坑编辑ing
使用道具 举报

回复

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关于我们
联系我们
  • 电话:010-86393388
  • 邮件:udn@yonyou.com
  • 地址:北京市海淀区北清路68号
移动客户端下载
关注我们
  • 微信公众号:yonyouudn
  • 扫描右侧二维码关注我们
  • 专注企业互联网的技术社区
版权所有:用友网络科技股份有限公司82041 京ICP备05007539号-11 京公网网备安1101080209224 Powered by Discuz!
快速回复 返回列表 返回顶部