在前端开发中，我们常常会使用 JavaScript 语言进行编程。为了减少代码错误和规范代码风格，我们通常会使用一个叫做 ESLint 的工具来进行代码检查。然而有时候在使用 ESLint 进行代码检查时，我们会遇到这样一个报错：Expected a ‘for-of’ loop instead of a standard ‘for’ loop。这篇文章将会介绍这个问题出现的原因以及如何解决它，并给出示例代码供大家参考。
问题描述
在使用 ESLint 进行代码检查时，如果我们使用了标准的 for 循环语句，我们就有可能会看到下面的报错：
Expected a ‘for-of’ loop instead of a standard ‘for’ loop
这个报错的意思是，ESLint 希望我们使用 for-of 循环语句来进行循环，而不是使用标准的 for 循环语句。这个报错虽然看起来很简单，但它背后其实涉及了一些深层次的知识。
原因分析
为什么 ESLint 希望我们使用 for-of 循环语句而不是标准的 for 循环语句呢？答案其实很简单，因为 for-of 循环语句可以避免一些常见的 JavaScript 错误，比如下面这个例子：
const arr = [1, 2, 3];
for (const i in arr) {
console.log(arr[i]);
}这段代码使用标准的 for 循环语句来遍历数组 arr 中的每一个元素。但是这段代码有一个问题，就是在遍历元素时，我们使用了 for-in 循环语句，而不是 for-of 循环语句。这个错误看起来很微小，但实际上却会导致一些非常隐蔽的问题。比如，如果我们的数组 arr 中含有一些非数字的属性，那么这些属性也会被遍历到，导致代码出现意想不到的错误。
为了避免这类错误，ESLint 希望我们使用 for-of 循环语句来遍历数组。for-of 循环语句可以保证只遍历数组中的元素，并且对于每一个元素，我们可以获取它的值，而不是它的下标。因此，使用 for-of 循环语句可以大大减少代码错误的出现。
解决方案
既然知道了问题出现的原因，接下来我们就可以开始解决这个问题了。解决这个问题其实非常简单，只需要按照 ESLint 的要求，把标准的 for 循环语句改成 for-of 循环语句即可。具体来说，我们可以把上面的代码改成下面这样：
const arr = [1, 2, 3];
for (const item of arr) {
console.log(item);
}这段代码使用了 for-of 循环语句来遍历数组 arr 中的每一个元素。使用这种方式，我们可以保证只遍历数组中的元素，而不会出现意想不到的错误。
很多人可能会觉得这个问题并不是很严重，因此不需要刻意去避免。但实际上，避免这类问题并不仅仅是为了代码规范的问题，更是为了避免潜在的代码错误。在开发大型项目时，任何微小的错误都可能会导致代码崩溃，因此我们应该尽量保证代码的正确性。
总结
本文介绍了 ESLint 报错：Expected a ‘for-of’ loop instead of a standard ‘for’ loop 解决方案。我们首先分析了这个问题出现的原因，发现使用标准的 for 循环语句遍历数组存在一些潜在的问题。因此，ESLint 希望我们使用 for-of 循环语句来遍历数组。最后，我们给出了示例代码，以帮助大家更好地理解这个问题并解决它。希望本文能够对大家有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654da5927d4982a6eb71364f