JavaScript 的“if”选择

Question

这段代码代表什么？我知道这是某种 if 替代语法...

pattern.Gotoccurance.score != null ? pattern.Gotoccurance.score : '0'

这种编码需要什么？这是更高效还是只是具有相同效率的缩短版本？

Answer 1

它是 条件 运算符，它相当于这样的东西：

if (pattern.Gotoccurance.score != null) {
  pattern.Gotoccurance.score;
} else {
  '0';
}

但我认为您发布的代码中缺少赋值语句，如下所示：

var score = pattern.Gotoccurance.score !=null ? pattern.Gotoccurance.score : '0';

如果 pattern.Gotoccurrence.score 不为空，则将分配 score 变量：

var score;
if (pattern.Gotoccurance.score != null) {
  score = pattern.Gotoccurance.score;
} else {
  score = '0';
}

A在 JavaScript 中执行此类“默认值”赋值的常见模式是使用逻辑 OR 运算符 (||)：

var score = pattern.Gotoccurance.score ||  '0';

pattern.Gotaccance.score 的值将是仅当该值不为 falsy 时才分配给 score 变量（falsy 值为 false、null、未定义、0、零长度字符串或NaN）。

否则，如果它是假的，则将分配'0'。

性能是相当的，你应该关注可读性。我尝试在非常简单的表达式上使用三元运算符，您还可以改进格式，将其分成两行以使其更具可读性：

var status = (age >= 18) ? "adult"
                         : "minor";

相关问题：

• 三元还是非三元？

Answer 2

这是一个三元运算符，一种执行 if 语句的简便方法。

如果重写的话，它看起来像这样：

if (pattern.Gotoccurance.score != null) {
   return pattern.Gotoccurance.score;
} else {
   return '0';
}

Answer 3

它称为三元运算符。

Answer 4

至于这种编码的需要：

您有时可以使用三元运算符来降低复杂性：

例如，我有一个网页需要验证至少三个特定文本字段中的两个输入了值。 if/else 逻辑看起来相当丑陋，但三元运算符使它成为一个单行代码来确定填充了多少个字段：

var numberFilledInFields = ( (firstName.length > 0 ? 1 : 0) +
                     (lastName.length > 0 ? 1 : 0) +
                     (zipCode.length > 0 ? 1 : 0) );

if (numberFilledInFields < 2)
{
    validation = false;
    return;
}

与某些替代方案相比，此解决方案显得相当优雅且易于阅读。

Answer 5

它是三元运算符/条件运算符。

在数学中，三元运算 是 n = 3 的 n 元运算。集合 A 上的三元运算采用 A 中任意给定的三个元素并将它们组合起来形成 A 的单个元素。

它是 if..else 的简写形式。

例如，想知道一个数是否为偶数。

使用 if..else 方法

function CheckEvenOdd()
{
    var number = 2;
    if(number % 2 == 0)
        alert("even");
    else
        alert("odd");
}

使用三元

function CheckEvenOdd()
{
    var number = 2;
    alert((number %2 == 0) ? "even" : "odd");
}

使用 switch

另一种变体是 switch：

function CheckEvenOdd()
{
    var number = 2;
    switch(number % 2)
    {
        case 0:
            alert("even");
            break;
        default:
            alert("odd");
            break;
    }
}

现在，如果您有一个简单的 if..else 条件来执行，如所描述的那样，你可以继续使用三元。

但是，如果条件检查变得复杂，请使用 if..else 或 switch，因为三元中的可读性将会丢失。

例如，使用三元运算符很容易获得两个数字的最小值或最大值，但是在三个或更多数字中找到最大和第二大的数字就变得很笨拙，甚至不推荐。最好使用 if..else 代替。