带有两个真 (?) 条件运算符的 Javascript 三元运算符

Question

有人可以帮忙代替吗？ 由 THEN 在下面的代码中好吗？

return e = this.checked ? i - n > 0 ? 0 : i - n < 10 ? 10 : i - n : i - n < 0 ? 10 : i - n > 10 ? 0 : 10 + i - n

我特别困惑？ 其次是另一个？ 在语句的开头return e = this.checked ? i - n > 0 ? 0 ..... return e = this.checked ? i - n > 0 ? 0 ..... return e = this.checked ? i - n > 0 ? 0 ..... 这意味着什么？

谢谢

Answer 1

插入括号和缩进，你的代码相当于：

return e = this.checked
? (
  i - n > 0
  ? 0
  : (
    i - n < 10
    ? 10
    : i - n
  )
)
: (
  i - n < 0
  ? 10
  : (
    i - n > 10
    ? 0
    : 10 + i - n
  )
);

简而言之，在第一个表达式或第二个表达式中，您可以嵌套更多的三元运算符，因为它们也解析为表达式 - 但是，这并不意味着这是一个好主意，它非常不可读。

使用 if-else 和这个工具：

if (this.checked) {
  if (i - n > 0) {
    return 0
  } else {
    if (i - n < 10) {
      return 10
    } else {
      return i - n
    }
  }
} else {
  if (i - n < 0) {
    return 10
  } else {
    if (i - n > 10) {
      return 0
    } else {
      return 10 + i - n
    }
  }
}

Answer 2

为了使其更具可读性，您始终可以将括号添加到您的代码中

return e = this.checked ? ( (i - n > 0 )? 0 : (i - n < 10 ? 10 : i - n ) ) : ( (i - n < 0) ? 10 : (i - n > 10 ? 0 : 10 + i - n) )

或分成单独的部分作为@Nick Parsons 的回答。

Answer 3

如果将三元分解为单独的部分，这可能会很有用。 本质上，它具有以下基本结构：

condition ? a : b

在这里， a如果将执行condition的计算结果为true ，且b如果计算结果为将触发false 。

因此，将括号括在单独的三元运算符周围可以帮助解决问题。

return e = this.checked ? (i - n > 0 ? 0 : (i - n < 10 ? 10 : i - n)) : (i - n < 0 ? 10 : (i - n > 10 ? 0 : 10 + i - n))

所以在这里：

• condition是这样的。 this.checked

• a是(i - n > 0 ? 0 : (i - n < 10 ? 10 : i - n))

• b是(i - n < 0 ? 10 : (i - n > 10 ? 0 : 10 + i - n))

或者，如果将其转换为 if 语句，您可能会发现更容易理解，如下所示：

if (this.checked) {
  if (i - n > 0) {
    return 0
  } else {
    if (i - n < 10) {
      return 10;
    } else {
      return i - n;
    }
  }
} else {
  if (i - n < 0) {
    return 10;
  } else {
    if (i - n > 10) {
      return 0;
    } else {
      return 10 + i - n;
    }
  }
}