Can a JavaScript ternary operator support 3 conditions?

javascript switch-statement ternary-operator ternary
AnApprentice picture AnApprentice · Oct 2, 2017 · Viewed 9.1k times · Source

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?

Answer

marvel308 picture marvel308 · Oct 2, 2017

you can do 

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

Related questions

Switch statement multiple cases in JavaScript

I need multiple cases in switch statement in JavaScript, Something like: switch (varName) { case "afshin", "saeed", "larry": alert('Hey'); break; default: alert('Default case'); break; } How can I do that? If there's no way to do something like that in …

Read More
Switch statement for string matching in JavaScript

How do I write a swtich for the following conditional? If the url contains "foo", then settings.base_url is "bar". The following is achieving the effect required but I've a feeling this would be more manageable in a switch: …

Read More
Switch statement for greater-than/less-than

so I want to use a switch statement like this: switch (scrollLeft) { case (<1000): //do stuff break; case (>1000 && <2000): //do stuff break; } Now I know that either of those statements (<1000) or (>1000 && <2000) won't …

Read More