JavaScript for循环编写的最佳实践是什么？

嘿，作为一个踩过不少JS循环坑的开发者，我来聊聊自己一步步优化for循环的过程，相信不少刚入门的朋友都有类似的经历！

• 最初的“直觉式”写法
  刚接触JS的时候，我写循环全是这种最直白的方式：

  for(var i = 0; i < array.length; i++){ 
    // 执行逻辑 
  }
  

  当时完全没意识到问题——每次循环都要去读取array.length属性，如果是处理大型数组或者循环次数极多的场景，这会产生不少额外的性能消耗，毕竟属性访问可不是无成本的。

• 第一次优化：提前缓存数组长度
  意识到反复计算长度的问题后，我立刻调整了写法，把数组长度先存到变量里，让循环里只做简单的数值比较：

  var len = array.length; 
  for(var i = 0; i < len; i++){ 
    // 执行逻辑 
  }
  

  这个改动很简单，但确实能减少不必要的属性读取操作，在处理大数据量时，性能提升还是挺明显的。

• 进阶优化：递减式循环
  后来查资料了解到，递减式循环的运行速度会更快，我改成了这样的写法：

  var lenArr = array.length - 1; 
  for(var len = lenArr; len >= 0; len--){ 
    // 执行逻辑 
  }
  

  （这里提个小细节：原写法里的len > 0会漏掉数组索引为0的元素，所以我改成了len >= 0，避免逻辑出错）
  为什么这种循环更快？因为计算机判断一个数是否大于等于0的操作，比判断两个变量的大小关系要更高效，而且递减循环的终止条件逻辑更简单。不过它也有个小局限：遍历顺序是从数组最后一个元素到第一个，如果你的业务逻辑依赖正向遍历的顺序，就得谨慎使用啦。

内容的提问来源于stack exchange，提问作者Daniel Bengtsson