Skip to content
Related Articles

Related Articles

JavaScript Ternary Operator

Improve Article
Save Article
  • Difficulty Level : Medium
  • Last Updated : 30 Nov, 2022
Improve Article
Save Article

Ternary Operator: The “Question mark” or “conditional” operator in JavaScript is a ternary operator that has three operands. It is the simplified operator of if/else.

Example: Below is an example of the Ternary Operator.

Javascript




<script> 
    function gfg() { 
     // JavaScript to illustrate
    // Conditional operator
    let PMarks = 40
    let result = (PMarks > 39)?
        "Pass":"Fail";
 
    console.log(result);
    
    gfg(); 
</script>


Output:

Pass

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 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 if true: Value to be executed if condition results in true state.
  • value if false: Value to be executed if condition results in false state.

Examples:

Input: let result = (10 > 0) ? true : false;
Output: true

Input: let message = (20 > 15) ? "Yes" : "No";
Output: Yes

The following examples will illustrate conditional operator more extensively. Example 1: 

Javascript




<script> 
    function gfg() { 
    // JavaScript to illustrate
    // Conditional operator
 
    let age = 60
    let result = (age > 59)?
        "Senior Citizen":"Not a Senior Citizen";
 
    console.log(result);
    
    gfg(); 
</script>                 


Output:

Senior Citizen

Example 2: An example of multiple conditional operators. 

Javascript




<script> 
    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(); 
</script>


Output:

Excellent

My Personal Notes arrow_drop_up
Related Articles

Start Your Coding Journey Now!