for循环性能测试

最新推荐文章于 2021-05-26 11:31:53 发布

原创最新推荐文章于 2021-05-26 11:31:53 发布 · 1.8k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#性能测试

Javascript 专栏收录该内容

97 篇文章

订阅专栏

本文通过实测三种方法，展示了如何在JavaScript中更高效地使用for循环。测试结果显示，直接使用变量来接收数组长度的方法效率最高。

for循环，如何使用效率更高，下面举例来说明：

// 先定义一个测试数组  
var arr = [0,1,2,3,4,5,6,7,8,9];
// 执行测试
test1(); 
test2();
test3();

function test1(){
  console.time('test1');
  for(var i = 0; i < arr.length; i ++) {
  }
  console.timeEnd('test1');
}

function test2(){
  console.time('test2');
  for(var i = 0,len = arr.length; i < len; i ++) {
  }
  console.timeEnd('test2');
}

function test3(){
  console.time('test3');
  var len = arr.length;
  for(var i = 0; i < len; i ++) {
  }
  console.timeEnd('test3');
}

上面测试的结果大概是这样：
test1: 0.028ms
test2: 0.010ms
test3: 0.007ms
虽然每次都是随机的
但是可以看出第三种直接用变量来接受数组长度，效率会更高
但在实际开发中推荐第二种，在for里面实现，节省内存，速度较快。