CODEWITHSUNDEEP
javascriptswitch-statementternary-operatorternary
AnApprentice
AnApprentice

Reputation: 111030

Can a JavaScript ternary operator support 3 conditions?

Given the following JavaScript ternary operator, is it possible to enable this to support 3 conditions versus the current two?

const color = d.y >= 70 ? "green" : "red";

I would essentially like the following logic:

>= 70, color = green;
between 69-50, color = yellow;
< 50, color = red;

Is this possible with a 1 line ternary or do I need a IF statement?

Upvotes: 17

Views: 27863

Answers (3)

PeterMader
PeterMader

Reputation: 7285

Just have a second ternary operator:

const color = d.y >= 70 ? "green" : d.y >= 50 ? "yellow" : "red";

Upvotes: 6

Z .
Z .

Reputation: 12837

you can stack it like this:

condition1 
  ? result1 
  : condition2 ? result3 : result4

Upvotes: 13

marvel308
marvel308

Reputation: 10458

you can do 

const color = d.y >= 70 ? "green" : (d.y < 50 ? "red" : "yellow");

Upvotes: 56

Related Questions