「Else」のないJavaScriptの三項演算子

私はいつもnull何もないelse条件を置かなければなりませんでした。とにかく周りにありますか？例えば

condition ? x = true : null;

基本的に、行う方法はありますか：

condition ? x = true;

今度は構文エラーとして表示されます

参考までに、ここにいくつかの実際のサンプルコードがあります：

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

まず、3項式はif / else構成の代わりにはなりません。これは、値を返す if / else構成と同等です。つまり、if / else句はコードで、3項式は式です。、それが値を返すことを意味し、。

これはいくつかのことを意味します：

• 三項式は、変数の左側に変数がある場合にのみ使用します =、戻り値が割り当てられます
• 戻り値が2つの値のいずれかである場合にのみ3項式を使用します（または、それが当てはまる場合はネストされた式を使用します）
• 式の各部分（？の後と：の後）は副作用なしで値を返す必要があります（x = trueすべての式が最後の値を返すため、式はtrueを返しますが、xを変更せずにxを変更して戻り値に影響を与えます）

一言で言えば、三項式の「正しい」使用は

var resultofexpression = conditionasboolean ? truepart: falsepart;

condition ? x=true : null ;3値式を使用しての値を設定する例の代わりに、次のように使用xできます。

 condition && (x = true);

これはまだ式であるため、検証に合格しない可能性があるため、さらに優れたアプローチは

 void(condition && x = true);

最後のものは検証に合格します。

ただし、期待値がブール値の場合は、条件式自体の結果を使用します

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

更新 サンプルに関連して、これはおそらくより適切です。

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

いいえ、3つのオペランドが必要です。それが三項と呼ばれる理由です演算子。

しかし、あなたがあなたの例として持っているものについては、これを行うことができます：

if(condition) x = true;

今後、複数のステートメントを追加する必要がある場合は、中括弧を使用する方が安全です。

if(condition) { x = true; }

編集：あなたの質問が当てはまる実際のコードに言及したので：

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

多くの場合、ステートメントの構文を短くするために論理演算子を使用します。

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

しかし、特定のケースでは、構文はさらに単純になる可能性があります

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

このコードはdefaults.slideshowWidth、defaults.slideshowWidthがtrueに評価された場合は値を返し、obj.find('img').width()+'px'そうでない場合は値を返します。

詳細については、論理演算子の短絡評価を参照してください。

var x = condition || null;

あなたは書くことができます

x = condition ? true : x;

そのため、条件がfalseの場合、xは変更されません。

これは次に同等です

if (condition) x = true

編集：

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

いくつかの選択肢があります-私はこれらがより良い/悪いとは言いません-単なる選択肢

3番目のパラメーターとしてnullを渡すと、既存の値がnullであるため機能します。条件をリファクタリングして変更すると、これが当てはまらない危険があります。三元の2番目の選択肢として既存の値を渡すと、これを防ぐことができます。

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

より安全ですが、見た目はそれほど良くありません。実際には、私はおそらく書くでしょう

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

あなたの場合、私は三項演算子が冗長であると考えています。||、&&演算子を使用して、変数を式に直接割り当てることができます。

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

となります ：

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

より明確で、より「JavaScript」スタイルです。

単純にどうですか

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

配列またはオブジェクト宣言内で他に3項演算子を使用しない場合は、ES6スプレッド演算子を使用できます ...()

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

そしてオブジェクトの場合：

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

元のソース