JavaScript 三元运算符可以支持 3 个条件吗？答案

【问题标题】：Can a JavaScript ternary operator support 3 conditions?JavaScript 三元运算符可以支持 3 个条件吗？
【发布时间】：2018-03-13 19:42:11
【问题描述】：

鉴于以下 JavaScript 三元运算符，是否可以使其支持 3 个条件而不是当前的两个条件？

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

我基本上想要以下逻辑：

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

这可以用 1 行三进制还是我需要一个 IF 语句？

【问题讨论】：

【解决方案1】：

你可以的

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

【讨论】：

【解决方案2】：

你可以这样堆叠：

condition1 
  ? result1 
  : condition2 ? result3 : result4

【讨论】：

【解决方案3】：

只需要第二个三元运算符：

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

【讨论】：