How to use multiple ternary operators in a single statement in JavaScript ?
In this article, we will see how we can use multiple ternary operators in a single statement in JavaScript. Sometimes using conditional statements like if, else, and else if stretches the code unnecessarily and makes the code even more lengthy. One trick to avoid them can be the use of ternary operators. But what if we are to use multiple if-else statements? Such issues can be tackled using multiple ternary operators in a single statement.
Syntax:
condition1 ?(condition2 ? Expression1 : Expression2) : Expression3;
In the above syntax, we have tested 2 conditions in a single statement using the ternary operator. In the syntax, if condition1 is incorrect then Expression3 will be executed else if condition1 is correct then the output depends on condition2. If condition 2 is correct, then the output is Expression1. If it is incorrect, then the output is Expression2.
Example 1: This example explains how we can use 2 ternary operators in a single statement.
Javascript
const age = 45; (age > 30) ? (age > 70) ? console.log( "You are getting old" ) : console.log( "You are between 30 and 69" ) : console.log( "You are below 30" ); |
You are between 30 and 69
Example 2: This example explains how we can use 2 ternary operators in a single statement.
Javascript
const num = 12; (num != 0) ? (num > 0) ? console.log( "Entered number is positive" ) : console.log( "Entered number is negative" ) : console.log( "You entered zero" ); |
Entered number is positive
Contact Us