Operadores ternários em JavaScript sem um "outro"

Eu sempre tive que colocar nullnas outras condições que não têm nada. Existe alguma maneira de contornar isso? Por exemplo

condition ? x = true : null;

Basicamente, existe uma maneira de fazer:

condition ? x = true;

Agora ele aparece como um erro de sintaxe

Para sua informação, aqui estão alguns exemplos de códigos reais:

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null;

Antes de tudo, uma expressão ternária não substitui uma construção if / else - é equivalente a uma construção if / else que retorna um valor. Ou seja, uma cláusula if / else é código, uma expressão ternária é uma expressão , o que significa que ela retorna um valor.

Isso significa várias coisas:

• use expressões ternárias somente quando você tiver uma variável no lado esquerdo da =qual será atribuído o valor de retorno
• use apenas expressões ternárias quando o valor retornado for um dos dois valores (ou use expressões aninhadas, se for o caso)
• cada parte da expressão (após? e após:) deve retornar um valor sem efeitos colaterais (a expressão x = trueretorna true, pois todas as expressões retornam o último valor, mas também altera x sem que x tenha efeito sobre o valor retornado)

Em resumo - o uso "correto" de uma expressão ternária é

var resultofexpression = conditionasboolean ? truepart: falsepart;

Em vez do seu exemplo condition ? x=true : null ;, onde você usa uma expressão ternária para definir o valor de x, pode usar o seguinte:

 condition && (x = true);

Essa ainda é uma expressão e, portanto, pode não ser aprovada na validação; portanto, uma abordagem ainda melhor seria

 void(condition && x = true);

O último passará na validação.

Mas, novamente, se o valor esperado for um booleano, basta usar o resultado da própria expressão de condição

var x = (condition); // var x = (foo == "bar");

ATUALIZAÇÃO Em relação à sua amostra, isso provavelmente é mais apropriado:

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Não, ele precisa de três operandos. É por isso que eles são chamados de operadores ternários .

No entanto, para o que você tem como exemplo, você pode fazer o seguinte:

if(condition) x = true;

Embora seja mais seguro usar chaves, se você precisar adicionar mais de uma instrução no futuro:

if(condition) { x = true; }

Editar: agora que você mencionou o código real no qual sua pergunta se aplica a:

if(!defaults.slideshowWidth)
    { defaults.slideshowWidth = obj.find('img').width()+'px'; }

Com mais frequência, as pessoas usam operadores lógicos para reduzir a sintaxe da instrução:

!defaults.slideshowWidth &&
  (defaults.slideshowWidth = obj.find('img').width()+'px');

Mas, no seu caso particular, a sintaxe pode ser ainda mais simples

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

Este código retornará o defaults.slideshowWidthvalor se defaults.slideshowWidthfor avaliado como true e, obj.find('img').width()+'px'caso contrário, será valor.

Consulte a Avaliação de curto-circuito de operadores lógicos para obter detalhes.

var x = condition || null;

Você poderia escrever

x = condition ? true : x;

Portanto, x não é modificado quando a condição é falsa.

Isso então é equivalente a

if (condition) x = true

EDITAR:

!defaults.slideshowWidth 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : null 

Existem algumas alternativas - não estou dizendo que são melhores / piores - apenas alternativas

Passar nulo como o terceiro parâmetro funciona porque o valor existente é nulo. Se você refatorar e alterar a condição, existe o risco de que isso não seja mais verdade. Passando o valor existente como a segunda opção nas proteções ternárias contra isso:

!defaults.slideshowWidth = 
      ? defaults.slideshowWidth = obj.find('img').width()+'px' 
      : defaults.slideshowwidth 

Mais seguro, mas talvez não tão agradável de se olhar, e mais digitado. Na prática, eu provavelmente escreveria

defaults.slideshowWidth = defaults.slideshowWidth 
               || obj.find('img').width()+'px'

No seu caso, vejo o operador ternário como redundante. Você pode atribuir a variável diretamente à expressão, usando os operadores ||, &&.

!defaults.slideshowWidth ? defaults.slideshowWidth = obj.find('img').width()+'px' : null ;

se tornará :

defaults.slideshowWidth = defaults.slideshowWidth || obj.find('img').width()+'px';

É mais claro, é mais estilo "javascript".

Que tal simplesmente

    if (condition) { code if condition = true };

Para usar um Operador Ternário sem mais dentro de uma declaração de matriz ou objeto, você pode usar o operador de dispersão ES6 ...()

const cond = false;
const arr = [
  ...(cond ? ['a'] : []),
  'b',
];
    // ['b']

E para objetos:

const cond = false;
const obj = {
  ...(cond ? {a: 1} : {}),
  b: 2,
};
    // {b: 2}

fonte original