src/content/docs/linter/rules/use-collapsed-if.mdx
import { Tabs, TabItem } from '@astrojs/starlight/components';
<Tabs> <TabItem label="JavaScript (and super languages)" icon="seti:javascript"> ## Summary - Rule available since: `v1.9.4` - Diagnostic Category: [`lint/style/useCollapsedIf`](/reference/diagnostics#diagnostic-category) - This rule isn't recommended, so you need to enable it. - This rule has a [**safe**](/linter/#safe-fixes) fix. - The default severity of this rule is [**information**](/reference/diagnostics#information). - Sources: - Same as [`unicorn/no-lonely-if`](https://github.com/sindresorhus/eslint-plugin-unicorn/blob/main/docs/rules/no-lonely-if.md) - Same as [`collapsible_if`](https://rust-lang.github.io/rust-clippy/master/#collapsible_if){
"linter": {
"rules": {
"style": {
"useCollapsedIf": "error"
}
}
}
}
Enforce using single if instead of nested if clauses.
If an if (b) statement is the only statement in an if (a) block, it is often clearer to use an if (a && b) form.
if (condition) {
if (anotherCondition) {
// ...
}
}
if (condition) {
// Comment
if (anotherCondition) {
// ...
}
}
if (condition && anotherCondition) {
// ...
}
if (condition) {
if (anotherCondition) {
// ...
}
doSomething();
}
if (condition) {
if (anotherCondition) {
// ...
} else {
// ...
}
}