Learn Conditional (Ternary) Operator in JavaScript

Learn Conditional (Ternary) Operator in JavaScript

With Examples in A minified way

SURYA L's photo
SURYA L
ยทJun 6, 2022ยท

2 min read

Subscribe to my newsletter and never miss my upcoming articles

Play this article

Table of contents

  • Conditional (Ternary) Operator
  • Multiple Conditional (Ternary) Operators

Hello everyone, hope you are all doing well. My name is Surya L, and the aim of this blog is to teach you all about Learn Conditional (Ternary) Operator in JavaScript.

Conditional (Ternary) Operator

Conditional operators are also called ternary operators and can be used as if-else statements.

The syntax is a ? a : b : c, where a is the condition, b is the code to run when a is true, and c is the code to run when a is false.

The following function uses an if/else statement to check a condition:

Example1

function findGreater(a, b) {
  if(a > b) {
    return "a is greater";
  }
  else {
    return "b is greater or equal";
  }
}
findGreater(12,50);

The Output of above code is ๐Ÿ‘‡

b is greater or equal

This can be re-written using the conditional operator:

function findGreater(a, b) {
  return a > b ? "a is greater" : "b is greater or equal";
}
findGreater(12,5);

The Output of above code is ๐Ÿ‘‡

a is greater

Example2:

function checkEqual(a, b) {
return a===b?"Equal":"Not Equal";
}

checkEqual(1, 2);

The Output of above code is ๐Ÿ‘‡

Not Equal

Multiple Conditional (Ternary) Operators

In the previous challenge, you used a single conditional operator. You can also chain them together to check for multiple conditions.

The following function uses if, else if, and else statements to check multiple conditions:

Example3:

function findGreaterOrEqual(a, b) {
if (a === b) {
    return "a and b are equal";
  }
  else if (a > b) {
    return "a is greater";
  }
  else {
    return "b is greater";
  }
}

The above function can be re-written using multiple conditional operators:

function findGreaterOrEqual(a, b) {
  return (a === b) ? "a and b are equal" 
    : (a > b) ? "a is greater" 
    : "b is greater";
}
findGreaterOrEqual(50, 40)

The Output of above code is ๐Ÿ‘‡

a is greater

Example4:

function checkSign(num) {
return num>0?"positive":(num<0)?"negative":"zero";
}

checkSign(10);

The Output of above code is ๐Ÿ‘‡

positive

Thanks for reading the blog. Do let me know what you think about it.

You can connect me with Showwcase Twitter Blog GitHub Contact Me

Refernce: I learned this topics in FreeCodeCamp which I explained in minified version

Did you find this article valuable?

Support SURYA L by becoming a sponsor. Any amount is appreciated!

See recent sponsors |ย Learn more about Hashnode Sponsors
ย 
Share this