Тернарный оператор всегда оценивает истинную часть

Question

У меня есть утверждение:

var sep = '  |  ';
var r = '';
for (var i = 0; i < menuItems.length; i++) {
    r += function(menuObject) {
    console.log(menuObject);
    console.log(
        '<a class="" href="' + 
        menuObject.url + '">' + menuObject.name + '</a>' + 
        (i < menuItems.length - 1) ? sep : ""); //logs the contents of sep
    ) //console.log expanded for readability
    }
}

Почему не записывается полная строка, а вместо этого вычисляется только sep?

Answer 1

Поскольку вы не переносите строку if в скобках, а обрабатываете всю строку перед ней как условие.

Попробуйте это ...

var sep = '  |  ';
        var r = '';
        for (var i=0;i<menuItems.length; i++) {
            r += function (menuObject) {
            console.log(menuObject);
            console.log(
                '<a class="" href="' + 
                menuObject.url + '">' + menuObject.name + '</a>'+ 
                ((i <menuItems.length-1 ) ? sep : "")); //logs the contents of sep
            }
       }

Answer 2

Проблема связана с приоритетом оператора.

console.log(
            ('<a class="" href="' + 
            menuObject.url + '">' + menuObject.name + '</a>'+ 
            (i <menuItems.length-1 )) ? sep : ""); 

выполняется (обратите внимание на дополнительные скобки, которые я добавил). При использовании тернарного оператора (который имеет мало общего с if предложениями между прочим), вы всегда должны использовать круглые скобки, как здесь:

console.log(
            '<a class="" href="' + 
            menuObject.url + '">' + menuObject.name + '</a>'+ 
            ((i <menuItems.length-1 ) ? sep : "")); 

Answer 3

Приоритет оператора.Поставьте выражение перед ? в скобках:

console.log(
        ('<a class="" href="' + 
        menuObject.url + '">' + menuObject.name + '</a>'+ 
        (i <menuItems.length-1 )) ? sep : "");
)