JavaScript Ternary Operator (Conditional Operator) is a concise way to write a conditional (if-else) statement. Ternary Operator takes three operands i.e. condition, true value and false value. In this article, we are going to learn about Ternary Operator.
Examples
Input: let result = (10 > 0) ? true : false;
Output: true
Input: let message = (20 > 15) ? "Yes" : "No";
Output: Yes
Syntax
condition ? trueExpression : falseExpression
Operands
- condition: Expression to be evaluated which returns a boolean value.
- value if true: Value to be executed if the condition results in a true state.
- value if false: Value to be executed if the condition results in a false state.
Characteristics of Ternary Operator
- The expression consists of three operands: the condition, value if true, and value if false.
- The evaluation of the condition should result in either a 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.
Example 1: Below is an example of the Ternary Operator.
Javascript
function gfg() { // JavaScript to illustrate // Conditional operator let PMarks = 40 let result = (PMarks > 39) ? "Pass" : "Fail"; console.log(result); } gfg(); |
Output
Pass
Example 2: Below is an example of the Ternary Operator.
Javascript
function gfg() { // JavaScript to illustrate // Conditional operator let age = 60 let result = (age > 59) ? "Senior Citizen" : "Not a Senior Citizen"; console.log(result); } gfg(); |
Output
Senior Citizen
Example 3: Below is an example of nested ternary operators.
Javascript
function gfg() { // JavaScript to illustrate // multiple Conditional operators let marks = 95; let result = (marks < 40) ? "Unsatisfactory" : (marks < 60) ? "Average" : (marks < 80) ? "Good" : "Excellent"; console.log(result); } gfg(); |
Output
Excellent
Share your thoughts in the comments
