src/content/docs/linter/rules/use-for-of.mdx
import { Tabs, TabItem } from '@astrojs/starlight/components';
<Tabs> <TabItem label="JavaScript (and super languages)" icon="seti:javascript"> ## Summary - Rule available since: `v1.5.0` - Diagnostic Category: [`lint/style/useForOf`](/reference/diagnostics#diagnostic-category) - This rule isn't recommended, so you need to enable it. - This rule doesn't have a fix. - The default severity of this rule is [**information**](/reference/diagnostics#information). - Sources: - Same as [`@typescript-eslint/prefer-for-of`](https://typescript-eslint.io/rules/prefer-for-of) - Same as [`unicorn/no-for-loop`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-for-loop.md){
"linter": {
"rules": {
"style": {
"useForOf": "error"
}
}
}
}
Prefer using for...of loops over standard for loops where possible.
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.
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.)
for (let i = 0; i < array.length; i++) {
console.log(array[i]);
}
for (let item of array) {
console.log(item);
}
for (let i = 0; i < array.length; i++) {
// `i` is used, so for loop is OK
console.log(i, array[i]);
}
for (let i = 0, j = 0; i < array.length; i++) {
console.log(i, array[i]);
}
let i = 0;
for (; i < array.length; i++) {
console.log(array[i]);
}