JavaScript: Rewriting an if-else statement using the ternary operator

JavaScript offers a convenient shorthand for writing simple if-else statements using the ternary operator. This allows you to condense your code and make it more concise. Let’s see how to rewrite an if-else statement using the ternary operator:

Suppose we have the following if-else statement:

        
            var isTrue = true;

            if (isTrue) {
                console.log('The condition is true');
            } else {
                console.log('The condition is false');
            }
        
    

We can rewrite the above if-else statement using the ternary operator like this:

        
            var isTrue = true;

            var message = isTrue ? 'The condition is true' : 'The condition is false';
            console.log(message);
        
    

In the above code, we first declare a variable ‘message’ and assign it the result of the ternary operator. The ternary operator consists of three parts: the condition (isTrue), the value to be returned if the condition is true (‘The condition is true’), and the value to be returned if the condition is false (‘The condition is false’).

Using the ternary operator in this way can help make your code more readable and concise. It can be particularly useful when you have simple if-else statements that do not require a lot of logic.

So next time you need to write a simple if-else statement in JavaScript, consider using the ternary operator for a more streamlined approach.