Table of Contents

URL: https://www.progressiverobot.com/js-ternary-operator/

If-else statements are pretty straightforward, but there’s a shorter way to write them:

				
					
var isEven = true;



isEven ? console.log(2) : console.log(1);



// 2

Syntax

ternary operator illustration for: Syntax 
				
					
condition ? firstExpression : secondExpression;

Ternary operators are easy to understand. It first evaluates if the <^>condition<^> is met. <^>firstExpression<^> is executed if the result is true and <^>secondExpression<^> if false.

Conditional Assignments

One common use case for ternary operators is <^>conditional assignments<^>. You can assign values depending on a specific condition:

				
					
var pokemon = 151;



var title = pokemon &lt; 152 ? "noob" : "master";



// "noob"