useForOf

JavaScript (and super languages)

摘要

¥Summary

规则生效日期：v1.5.0

¥Rule available since: v1.5.0
诊断类别：lint/style/useForOf

¥Diagnostic Category: lint/style/useForOf
此规则没有修复方案。

¥This rule doesn’t have a fix.
此规则的默认严重级别为 information。

¥The default severity of this rule is information.
来源：

¥Sources:
- 与 @typescript-eslint/prefer-for-of 相同
  
  ¥Same as @typescript-eslint/prefer-for-of
- 与 unicorn/no-for-loop 相同
  
  ¥Same as unicorn/no-for-loop

如何配置

¥How to configure

1
{
2
  "linter": {
3
    "rules": {
4
      "style": {
5
        "useForOf": "error"
6
      }
7
    }
8
  }
9
}

描述

¥Description

尽可能优先使用 for...of 循环而不是标准的 for 循环。

¥Prefer using for...of loops over standard for loops where possible.

当循环索引仅用于从迭代数组中读取数据时，此规则建议使用 for...of 循环代替 for 循环。

¥This rule recommends using a for...of loop in place of a for loop when the loop index is solely used to read from the iterated array.

索引使用例外

¥Exceptions for Index Usage

当循环索引在外部作用域内声明或在循环体中的任何位置使用时，可以使用 for 循环。（Array.entries() 可以用于类似的效果。）

¥When the loop index is declared within the outer scope or used anywhere within the loop body, it is acceptable to use a for loop. (Array.entries() can be used to a similar effect.)

示例

¥Examples

无效

¥Invalid

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

code-block.js:1:1 lint/style/useForOf ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ Use for-of loop instead of a for loop.
  
  > 1 │ for (let i = 0; i < array.length; i++) {
      │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  > 2 │   console.log(array[i]);
  > 3 │ }
      │ ^
    4 │

有效

¥Valid

1
for (let item of array) {
2
   console.log(item);
3
 }

1
for (let i = 0; i < array.length; i++) {
2
   // `i` is used, so for loop is OK
3
   console.log(i, array[i]);
4
 }

1
for (let i = 0, j = 0; i < array.length; i++) {
2
   console.log(i, array[i]);
3
 }

1
let i = 0;
2
for (; i < array.length; i++) {
3
   console.log(array[i]);
4
 }

useForOf

摘要

如何配置

描述

索引使用例外

示例

无效

有效

相关链接