JavaScript ternary operator (With Example)

by

JavaScript ternary operator, also known as the “conditional operator”, is a concise way to write a simple “if-else statement in a single line”.

The ternary operator has three parts:

  1. A condition: This is the expression to be evaluated as true or false.
  2. A question mark (?) separates the condition from the following expressions.
  3. A colon separates two expressions (:): The first expression will be executed if the condition is true, and the second expression will be executed if the condition is false.

Syntax

condition ? expressionIfTrue : expressionIfFalse;

Example

const age = 18;
const canVote = age >= 18 ? 'Yes, you can vote.' : 'No, you cannot vote.';

console.log(canVote);

Output

Yes, you can vote.

In the above code example, the condition age >= 18 is evaluated.

If true, the canVote variable is assigned ‘Yes, you can vote.’

If false, the canVote variable is assigned ‘No, you cannot vote’.

The output of the “console.log()” statement is ‘Yes, you can vote.’, as the condition age >= 18 is true.

The ternary operator is helpful for simple conditional assignments or expressions to keep your code concise and readable.

Leave a Comment