Question

Happy thanksgiving all:

I’ve been racking my brain around this one for a half hour and can’t quite get where the conditionals are kicking in. I think I’ve got it down, but just wanted to run it by the pros.

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

It breaks down to the following:

    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);
        }
    }

And I assume the ternary operator is grouped as per the following (I’m use to seeing ternary operators in the typical result ? a : b fashion, so the extra result and conditionals is throwing me)

(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

I really appreciate any quantifying posts and/or clarification.
Thanks again.

Answer 1

The ternary operator has right-to-left associativity, which means that the expression is the same as

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

Or it breaks down in the following manner

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

The fact that the two 2nd pieces are also ternary has no effect on the process of the first.