Nested Ternary Operator in JavaScript

We can witness the output that the candidate is not eligible to vote.

Now, we will create the same program utilizing the ternary operator and see the difference.

Code:

We can witness that the code becomes smaller and is contained in one line. So, it is one of the best advantages of using the ternary operator.

Explanation:

In the above code, first of all, the condition is given which consists of a variable called "age" which is assigned a "15" value. After that, condition expression is given which checks the whether the age is greater or equal to 18 or not. As the age is not greater or equal to "15" that means the statement is not true. Now, the next part written after colon is executed and prints that the candidate is eligible for vote.

Output:

We can witness in the output that the condition is not satisfied so the candidate is not eligible for vote.

Let us utilize the ternary operator to create a program that provides ratings to the students according to their marks obtained.

Explanation:

In the above code, first of all condition is given which consists of a variable called "score" which is assigned an 85 value. After that, conditional expression checks whether the score is greater or equal to 80 or not. As the score is greater than 80 that means the statement is true so it prints the "Excellent".

Output:

We can witness in the output that the condition is true.

We have understood the ternary operator. Now, we will understand the nested ternary operator.

Nested ternary operator

Ternary operators can be nested similar to the nested if-else block. They are used to take more sophisticated decision. It is like ternary operator inside another ternary operator.

Let us first construct a program to find the biggest number from four given numbers utilizing the nested if-else statement.

Code:

Output:

We can witness the output displays the biggest number.

Now, we will construct the same program utilizing the nested ternary operator.

Code:

We have noticed that the line of code is less then nested ternary operator as compared to nested if-else statement.

Explanation:

In the above code, first of all, three variables called "num1", "num2" and "num3" are declared and assigned values 45, 12 and 15 respectively. Then, the ternary operator chain is utilized to find the biggest number.

The first condition checks whether the num1 is greater or equal to num2 or not. If num1 is greater than equal to num2, then nested condition checks whether the num1 is greater or equal to num3 or not. If true then num1 is the biggest number. If false then num3 is the biggest number.

If num1 is not greater than equal to num2 then it means num2 is greater. After that nested condition checks whether the num2 is greater or equal to num3 or not. If true then num2 is the biggest number. If false then num3 is the biggest number.

Output:

We can witness the output displays the largest number found utilizing the nested ternary operator.

Let us construct a program that checks the air quality and gives the output based on the conditional statement.

Code:

Explanation:

In the above code, first of all, a variable called "air_quality_index" is declared and assigned a value of 51. After that, the ternary operator chain is utilized to determine the air quality.

The first condition checks whether the air_quality_index is greater than 300 or not. If true then the outcome will be "Air quality is worst." If false then the nested condition checks whether the air_quality_index is greater than 200 or not. If true then the outcome will be "Air quality is bad." If false then another nested condition checks whether the air_quality_index is greater than 100 or not. If true then the outcome will be "Air quality is moderate."; otherwise, the "Air quality is good."

Output:

We can witness that the output displays the air quality utilizing the nested ternary operator.

Conclusion:

We have understood the nested ternary operator in JavaScript in this article. We have understood the ternary operator and nested ternary operator by comparing them with the if-else and nested if-else.