这个 JavaScript 三元运算符是如何工作的

Question

祝大家感恩节快乐：

我已经在这个问题上绞尽脑汁了半个小时，但还是不知道条件句的作用在哪里。我想我已经记下来了，但只是想由专业人士来运行它。

(i%3)?(i%5)?i:'Buzz':(i%5)?'Fizz':'FizzBuzz'

具体如下：

    if ((i%3) == false) {
        if ((i%5) == false) {
            console.log("FizzBuzz");
        } else {
            console.log('Fizz');
        }
    } else {
        if ((i%5) == false) {
            console.log("Buzz");
        } else {
            console.log(i);
        }
    }

并且我假设三元运算符按以下方式分组（我习惯于以典型的 result ?a : b 方式查看三元运算符，所以额外的结果和条件让我)

(i%3)?
    //if the condition is not a multiple of 3
    //check if it is a multiple of 5
    //if it isn't, log the number
    //otherwise log "Buzz" 
    (i%5)?i:'Buzz'
    //if the condition is a multiple of 3
    //check if it is a multiple of 5
    :(i%5)?
        //if it is log "Fizz", 
        //otherwise i is a multiple of 3 & 5 -
        //log "FizzBuzz"
        'Fizz':'FizzBuzz

我非常感谢任何量化的帖子和/或澄清。 再次感谢。

Answer 1

三元运算符有right-to-left associativity，表示表达式与

(i%3) ? ((i%5) ? i : 'Buzz') : ((i%5) ? 'Fizz' : 'FizzBuzz')

或者它以下列方式分解

1st ? ( 2nd ) : ( 2nd )

这两个2nd 也是三元的，这对第一个的过程没有影响。

Answer 2

在 C 的传统中，三元运算符并不是真正的 var ? var : var。其实是这样的：

statement ? statement : statement

这意味着，您可以将代码放入其中进行评估，而不是变量或值，并将该代码的返回值作为值。所以，

(i%3)?(i%5)?i:'Buzz':(i%5)?'Fizz':'FizzBuzz'

分解为：

(i%3) ?
         (i%5) ?
                  i
               :
                  'Buzz'
      :
         (i%5) ?
                  'Fizz'
               :
                  'FizzBuzz'

（基本上是你在问题中写的，所以你的解释是正确的）

它有助于将: 放在单独的行中，这样您就可以看到模式。我还将? 与: 对齐，以查看哪个与哪个分组。