useCollapsedElseIf
Summary
Section titled Summary- Rule available since:
v1.1.0
- Diagnostic Category:
lint/style/useCollapsedElseIf
- This rule has a safe fix.
- The default severity of this rule is information.
- Sources:
- Same as
no-lonely-if
- Same as
collapsible_else_if
- Same as
Description
Section titled DescriptionEnforce using else if
instead of nested if
in else
clauses.
If an if
statement is the only statement in the else
block, it is often clearer to use an else if
form.
Examples
Section titled ExamplesInvalid
Section titled Invalidif (condition) { // ...} else { if (anotherCondition) { // ... }}
code-block.js:3:9 lint/style/useCollapsedElseIf FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ℹ This if statement can be collapsed into an else if statement.
1 │ if (condition) {
2 │ // …
> 3 │ } else {
│
> 4 │ if (anotherCondition) {
> 5 │ // …
> 6 │ }
│ ^
7 │ }
8 │
ℹ Safe fix: Use collapsed else if instead.
1 1 │ if (condition) {
2 2 │ // …
3 │ - }·else·{
4 │ - ····if·(anotherCondition)·{
3 │ + }·else·if·(anotherCondition)·{
5 4 │ // …
6 │ - ····}
7 │ - }
5 │ + ····}
8 6 │
if (condition) { // ...} else { if (anotherCondition) { // ... } else { // ... }}
code-block.js:3:9 lint/style/useCollapsedElseIf FIXABLE ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ℹ This if statement can be collapsed into an else if statement.
1 │ if (condition) {
2 │ // …
> 3 │ } else {
│
> 4 │ if (anotherCondition) {
> 5 │ // …
> 6 │ } else {
> 7 │ // …
> 8 │ }
│ ^
9 │ }
10 │
ℹ Safe fix: Use collapsed else if instead.
1 1 │ if (condition) {
2 2 │ // …
3 │ - }·else·{
4 │ - ····if·(anotherCondition)·{
3 │ + }·else·if·(anotherCondition)·{
5 4 │ // …
6 5 │ } else {
7 6 │ // …
8 │ - ····}
9 │ - }
7 │ + ····}
10 8 │
if (condition) { // ...} else { // Comment if (anotherCondition) { // ... }}
code-block.js:3:9 lint/style/useCollapsedElseIf ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ℹ This if statement can be collapsed into an else if statement.
1 │ if (condition) {
2 │ // …
> 3 │ } else {
│
> 4 │ // Comment
> 5 │ if (anotherCondition) {
> 6 │ // …
> 7 │ }
│ ^
8 │ }
9 │
Valid
Section titled Validif (condition) { // ...} else if (anotherCondition) { // ...}
if (condition) { // ...} else if (anotherCondition) { // ...} else { // ...}
if (condition) { // ...} else { if (anotherCondition) { // ... } doSomething();}
How to configure
Section titled How to configure{ "linter": { "rules": { "style": { "useCollapsedElseIf": "error" } } }}