JavaScript Ternary Operator

JavaScript ternary operator is short form of writing if and else statement in JavaScript. To understand how to use ternary operator in JavaScript, let’s have a look at some conditional JavaScript code example.

    let status = true;
    if(status){
      console.log("Status is true.");
    } else {
      console.log("Status is false.");
    }

Now let’s write the above code example using ternary operator in JavaScript.

    let status = false;
    status ? console.log("Status is true.") : console.log("Status is false.");

In JavaScript ternary operator we use two symbols, ? (question mark) to denote if the condition is true and : (colon) to denote if the condition is not true.

From a personal point of view, I normally tend to avoid ternary operator. It makes the code difficult to read compared to a normal if else statement. But who knows, you may like it ;)