JavaScript三元运算符能否支持3个条件？

Question

考虑到以下的JavaScript三元运算符，是否可以将它从目前支持的两个条件扩展到三个条件？

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

我希望得到以下逻辑：

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

用一行三元运算符能实现这个吗，还是需要使用IF语句？

- AnApprentice

Answer 1

你可以做

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

- marvel308

---

方括号表示什么意思？ - Sole

Answer 2

你可以像这样堆叠它：

condition1 
  ? result1 
  : condition2 ? result3 : result4

- Z.D.

Answer 3

只需添加第二个三元运算符：

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

- PeterMader