noTernary

JavaScript (and super languages)

Summary

• Rule available since: v2.3.8
• Diagnostic Category: lint/style/noTernary
• 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.
• Sources:
  • Same as no-ternary

How to configure

biome.json

{
  "linter": {
    "rules": {
      "style": {
        "noTernary": "error"
      }
    }
  }
}

Description

Disallow ternary operators.

The ternary operator is used to conditionally assign a value to a variable. Some believe that the use of ternary operators leads to unclear code.

Examples

Invalid

const foo = isBar ? baz : qux;

code-block.js:1:13 lint/style/noTernary ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ℹ Unexpected ternary operator.
  
  > 1 │ const foo = isBar ? baz : qux;
      │             ^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ Ternary operators can lead to unclear code. Use if-else statement instead.
  

Valid

let foo;

if (isBar) {
  foo = baz;
} else {
  foo = qux;
}

Related links

• Disable a rule
• Configure the code fix
• Rule options
• Source Code (Edit this Page)
• Test Cases