javascript - 谁能解释一下这两个循环之间的区别？

Question

http://jsperf.com/jquery-each-vs-for-loop/108

for (var b = a[0], len = a.length; len; b = a[--len]) {
  newArray.push(
    b
  );
}

和

for (var i = 0, len = a.length; i < len; i++) {
  newArray.push(
    a[i]
  );
}

1. 根据 jsref，它说第一个更快。为什么？
2. 任何人都可以向我解释一下与传统方式相比它在做什么的 for 循环吗？

Answer 1

你的第一个例子只是做了一些非常不同的事情。一探究竟：

var a = [1,2,3,4],
    newArray = [];
for (var b = a[0], len = a.length; len; b = a[--len]) {
    newArray.push(b);
}

> newArray
[1, 4, 3, 2]

您的第二个示例产生预期的[1, 2, 3, 4].

---

如果您需要了解算法，将for-notation 转换为 while-loops 并扩展递减和递增运算符可能会更容易：

/* first example */
var b = a[0],
    len = a.length;
while (len) {
    newArray.push(b);
    len = len-1;
    b = a[len];
}

/* second example */
var i = 0,
    len = a.length;
while (i < len) {
    newArray.push( a[i] );
    i = i+1;
}

Answer 2

我认为第一个循环的主要收获a是被缓存，len然后用作单个布尔值：通过简化循环条件可以获得一点时间。然而！它不会产生与输出相同的数组。

假设您在 a 中有十个元素：[0,1,2,3,4,5,6,7,8,9] - 循环将首先处理 a[0]，然后是 a[--len]，这在我们的示例中是 a[9]。您的最终结果将是 newArray = [0, 9, 8, 7, 6, 5, 4, 3, 2, 1]。

所以为什么它更快并不重要，因为它做错了事。