三元表达式在JS中非常有用，尤其是在React中。这里有一个简单的答案来回答许多好的、详细的问题。

condition ? expressionIfTrue : expressionIfFalse

将expressionIfTrue视为OG if语句表示为真; 把expressionifalse当作else语句。

例子:

var x = 1;
(x == 1) ? y=x : y=z;

检查x的值，如果为真，返回第一个y=(value)，如果为假，返回冒号后的第二个y=(value)。

我们可以使用Jquery以及长度的例子如下:

假设我们有一个GuarantorName文本框，它有值，并且想要获取姓和名-它可能是空的。 所以不是

        var gnamesplit = $("#txtGuarantorName").val().split(" ");
        var gLastName = "";
        var gFirstName = "";
        if(gnamesplit.length > 0 ){
           gLastName  = gnamesplit[0];        
        }
        if(gnamesplit.length > 1 ){
           gFirstName = gnamesplit[1];        
        }

We can use below code with Jquery with minimum code var gnamesplit = $("#txtGuarantorName").val().split(" "); var gLastName = gnamesplit.length > 0 ? gnamesplit[0] : ""; var gFirstName = gnamesplit.length > 1 ? gnamesplit[1] : ""; $("#txtLastName").val(gLastName); $("#txtFirstName").val(gFirstName); <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div > Guarantor Name: <input type="text" id="txtGuarantorName" value="ASP.NET Core" /><br/> <br/> <br/> First Name: <input type="text" id="txtLastName" value="ASP.NET Core" /> Last Name: <input type="text" id="txtFirstName" value="ASP.NET Core" /> </div>

z = (x == y ? 1 : 2);

等于

if (x == y)
    z = 1;
else
    z = 2;

当然，除了，它更短。

这是if-else语句的一行简写。它叫做条件算子

下面是一个可以用条件操作符缩短的代码示例:

var userType;
if (userIsYoungerThan18) {
  userType = "Minor";
} else {
  userType = "Adult";
}

if (userIsYoungerThan21) {
  serveDrink("Grape Juice");
} else {
  serveDrink("Wine");
}

这个可以用?:来缩短，像这样:

var userType = userIsYoungerThan18 ? "Minor" : "Adult";

serveDrink(userIsYoungerThan21 ? "Grape Juice" : "Wine");

像所有表达式一样，条件操作符也可以作为带有副作用的独立语句使用，尽管这在简化之外是不常见的:

userIsYoungerThan21 ? serveGrapeJuice() : serveWine();

它们甚至可以被捆绑:

serveDrink(userIsYoungerThan4 ? 'Milk' : userIsYoungerThan21 ? 'Grape Juice' : 'Wine');

但是要小心，否则你最终会得到像这样令人费解的代码:

var k = a ? (b ? (c ? d : e) : (d ? e : f)) : f ? (g ? h : i) : j;

1通常被称为“三元操作符”，但实际上它只是一个三元操作符(接受三个操作数的操作符)。不过，这是JavaScript目前仅有的一个功能。

它叫做三元算符。为了了解更多信息，我回答了另一个问题:

如何编写不带else的IF else语句

条件(三元)操作符是唯一的JavaScript操作符 这需要三个操作数。这个运算符经常被用作 if语句的快捷方式。

condition ? expr1 : expr2 

如果condition为真，运算符返回expr1的值; 否则，它返回expr2的值。

function fact(n) {
  if (n > 1) {
    return n * fact(n-1);
  } else {
    return 1;
  }
  // we can replace the above code in a single line of code as below
  //return (n != 1) ? n * fact(n - 1) : 1;
}
console.log(fact(5));

如需更多说明，请阅读MDN文档链接