每次将 i 与 array.length 进行比较时，循环是否都会检查 array.length？

Question

我正在浏览，我found this：

var i, len;
for(i = 0, len = array.length; i < len; i++) {  
   //...
}

我的第一个想法是：

• 他为什么这样做？ （由于某种原因它必须更好）
• 值得吗？ （我想是的，否则他为什么会这样做？）

正常循环（不缓存长度的循环）是否每次都检查array.length？

Answer 1

是的 它每次都检查array.length，但是如果我们不想为增加的数组运行循环，那么在这种情况下，我们可以使用forEach方法。

forEach 是一个 javascript in build 方法，它确实类似于 for 循环，但 forEach 只迭代循环开始之前的数组中的元素。

让我们从下面的sn-p来理解这个：

array = [1,2,3,4]

for(i=0;i<=array.length;i++){
console.log(array[i]);
array.push(array[i]+1);
}

输出喜欢 1 2 3 4 5 6 ...等等（无限），而它每次检查array.length

让我们检查一下 forEach 方法

array = [1,2,3,4]
array.forEach((element) => {
console.log(element);
array.push(element+1);
})
console.log("array elements after loop",array);

它只处理迭代开始之前存在于数组中的 4 个元素。

**但是在forEach的情况下，如果我们从数组中弹出元素，它会影响array.length。

让我们通过一个例子来看看：

array = [1,2,3,4]
array.forEach((element) => {
console.log(element);
array.pop()
})
console.log("array elements after loop",array);

Answer 2

我一直认为在 JavaScript 中长度只是数组对象的一个​​属性，由先前的数组操作（创建、添加、删除）预先计算出来，或者被用户覆盖，所以你只是在查找一个变量吗？我必须承认，由于缺少括号，我刚刚假设，但是查看 array.length 的 MDN 页面，它似乎说了同样的话。

在长度是一种方法或长度由标准库函数计算的语言中，您应该在运行循环之前预先计算长度，这样就不会每次迭代都计算数组，尤其是对于大型数据集。即便如此，在 Python 等现代高级语言中，len() 仍然只是返回数组对象的长度属性。

因此，除非我弄错了，否则复杂度只是 O(1)，从这个角度来看，即使变量比每次查找的属性稍快，也不值得为潜在的麻烦创建/重用保护性 for 循环范围之外的其他变量。

但是，我怀疑在这种情况下，示例的程序员选择这种方法的原因仅仅是他们在另一种语言中养成并继承了 JavaScript 的习惯。

Answer 3

这样做的一个原因是，如果您在循环期间向数组添加元素，但不想迭代它们。假设你想把 [1, 2, 3] 变成 [1, 2, 3, 1, 2, 3]。你可以这样做：

var initialLength = items.length;
for(var i=0; i<initialLength; ++i) {
    items.push(items[i]);
}

如果你在循环之前不保存长度，那么 array.length 将不断增加并且循环将一直运行直到浏览器崩溃/杀死它。

除此之外，正如其他人所说，它会轻微影响性能。我不会养成这样做的习惯，因为“过早的优化是万恶之源”。另外，如果您在循环期间更改数组的大小，这样做可能会破坏您的代码。例如，如果您在循环期间从数组中删除元素，但不断将 i 与之前的数组大小进行比较，则循环将尝试访问超出新大小的元素。

Answer 4

这里有一些针对不同方法的性能测试

http://www.websiteoptimization.com/speed/10/

Answer 5

值得吗？ （显然是的，不然他为什么会这样？）

绝对是的。因为，正如您所说，循环每次都会计算数组长度。所以这将导致巨大的开销。在你的 firebug 或 chrome 开发工具中运行以下代码 sn-ps vs.

// 创建一个包含 50.000 个项目的数组 （功能（）{ window.items = []; for (var i = 0; i

这是在各种浏览器中的大致结果

浏览器优化未优化 火狐 14 26 铬 15 32 IE9 22 40 IE8 82 157 IE7 76 148

所以再考虑一下，并使用优化的方式 :)
注意： 我尝试在 jsPerf 上使用此代码，但我现在无法访问 jsPerf。我想，我尝试的时候它已经关闭了。

Answer 6

一个由三部分组成的循环执行如下：

for (A; B; C)

A - Executed before the enumeration
B - condition to test
C - expression after each enumeration (so, not if B evaluated to false)

所以，是的：如果数组的.length 构造为for(var i=0; i<array.length; i++)，则在每次枚举时检查它的属性。对于微优化，将数组的长度存储在临时变量中是有效的（另请参阅：What's the fastest way to loop through an array in JavaScript?）。

相当于for (var i=0; i<array.length; i++) { ... }:

var i = 0;
while (i < array.length) {
    ...
    i++;
}