JavaScript Ternary Operator
Below is the example of the Ternary Operator.
- Example:
Program 1:<script>
function
gfg() {
//JavaScript to illustrate
//Conditional operator
let PMarks = 40
let result = (PMarks > 39)?
"Pass"
:
"Fail"
;
document.write(result);
}
gfg();
</script>
- 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> |
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> |
Output:
Excellent