JavaScript 循环最佳实践

Question

我正在做一个关于 JavaScript的教程。 以下来自性能部分：

循环中的每个语句，包括 for 语句，都会在循环的每次迭代中执行。 可以放在循环外的语句或赋值将使循环运行得更快。

这是作为错误代码的示例给出的：

var i;
for (i = 0; i < arr.length; i++) {

这是一个好的代码示例：

var i;
var l = arr.length;
for (i = 0; i < l; i++) {

我记得这不是在比 JavaScript 更关注性能的语言中看到的最佳实践。 事实上， bad code示例似乎更受欢迎。

这是针对 JavaScript 的最佳实践，还是其他语言的最佳实践？

Answer 1

不良做法

for (i = 0; i < arr.length; i++) {

对于循环中的每次迭代，都会评估条件。 如果它是arr.length那么每次您尝试从arr访问length属性时。 但是，另一方面，如果您将它存储在变量中，您将避免该操作。

Answer 2

在 javascript 中的所有循环方式中，for-in 循环在我看来是最安全的。

它可以遍历对象中的属性。

let user = {first:"billy", last:"bob"};
for(let i in user){
    console.log(i);
    console.log(user[i]);
}

如果变量为空，它不会抛出错误

let empty = null;
for (let i in empty){
}

它适用于数组

let arr = [3,2,1];
for (let i in arr){
    console.log(i);
    console.log(arr[i]);
}   

.map .filter .reduce .forEach 抛出错误，除了数组（空，对象等）

因此，如果您想要一个适用于所有情况的循环，那么 for-in 就是您想要的。