JavaScript Ternary Operator
Below is the example of the Ternary Operator.
- Example:
Program 1:<script>functiongfg() {//JavaScript to illustrate//Conditional operatorlet PMarks = 40let result = (PMarks > 39)?"Pass":"Fail";document.write(result);}gfg();</script>chevron_rightfilter_none - Output:
Pass
“Question mark” or “conditional” operator in JavaScript is a ternary operator that has three operands.
- The expression consists of three operands: the condition, value if true and value if false.
- The evaluation of the condition should result in either true/false or a boolean value.
- The true value lies between “?” & “:” and is executed if the condition returns true. Similarly, the false value lies after “:” and is executed if the condition returns false.
Syntax:
condition ? value if true : value if false
- condition:
- Expression to be evaluated which returns a boolean value.
- Value to be executed if condition results in true state.
- Value to be executed if condition results in false state.
value if true:
value if false:
Examples:
Input: let result = (10 > 0) ? true : false; Output: true Input: let message = (20 > 15) ? "Yes" : "No"; Output: Yes
The following programs will illustrate conditional operator more extensively:
Program 1:
<script> function gfg() { //JavaScript to illustrate //Conditional operator let age = 60 let result = (age > 59)? "Senior Citizen":"Not a Senior Citizen"; document.write(result); } gfg(); </script> |
chevron_right
filter_none
Output:
Senior Citizen
An example of multiple conditional operators.
Program 2:
<script> function gfg() { //JavaScript to illustrate //multiple Conditional operators let marks = 95; let result = (marks < 40) ? "Unsatisfactory" : (marks < 60) ? "Average" : (marks < 80) ? "Good" : "Excellent" ; document.write(result); } gfg(); </script> |
chevron_right
filter_none
Output:
Excellent


