ES6 Ternary Operator

Ternary Operator

The ternary operator simplifies conditional expressions similar to if / else.

Its syntax is condition ? <expression if true> : <expression if false>. Here’s an example with if / else:

Example

Before:

if (authenticated) {
  renderApp();
} else {
  renderLogin();
}

Here’s the same example using the ternary operator:

Example

With Ternary

authenticated ? renderApp() : renderLogin();