<p>The ternary operator is a simplified conditional operator like <code>if / else</code>.</p>
<p>Syntax: <code>condition ? &lt;expression if true&gt; : &lt;expression if false&gt;</code></p>
<p>Here is an example using if / else:</p>
<h3 id="heading-before">Before</h3>
<pre><code><span class="hljs-keyword">if</span> (isAuthenticated) {
   renderApp();
} <span class="hljs-keyword">else</span> {
   renderLogin();
}
</code></pre><h3 id="heading-after">After</h3>
<pre><code>isAuthenticated ? renderApp() : renderLogin()
</code></pre>

The ternary operator is a simplified conditional operator like `if / else`.

Syntax: `condition ? <expression if true> : <expression if false>`

Here is an example using if / else:

### Before
```
if (isAuthenticated) {
   renderApp();
} else {
   renderLogin();
}
``` 

### After

```
isAuthenticated ? renderApp() : renderLogin()
``` 



Dayán Pérez Bárzaga's Blog

Dayán Pérez Bárzaga's Blog

JavaScript - The ternary operator

Before

After