未定義のプロパティを使用せずに JavaScript でオブジェクト メンバーを条件付きで追加するにはどうすればよいですか?

JavaScript でのオブジェクト メンバーの条件付き追加

JavaScript では、オブジェクトにメンバーを動的に追加するのが一般的です。ただし、これらの追加を条件付きにする必要がある場合、最も単純なアプローチでは未定義のメンバーが発生することがよくあります。

慣用的なコードを作成しようとすると、

a = {
    b: (someCondition? 5 : undefined)
};

b メンバーがsomeCondition の結果に関係なくオブジェクトを生成し、条件が false の場合、その値は未定義になります。

これを解決するには、より簡潔な解決策を使用します。拡散演算子 (...) と論理 AND 短絡評価 (&&) を使用して使用できます。

const a = {
   ...(someCondition && {b: 5})
}

このコードでは、条件演算子の必要がなくなります。スプレッド演算子は中括弧を a オブジェクトに展開し、someCondition が true の場合は b メンバーを追加します。論理 AND 短絡評価により、someCondition が true の場合にのみ中括弧が評価されるようになり、未定義のメンバーの追加が防止されます。

このアプローチは、複数の条件付きメンバーを処理するために簡単に拡張できます。

const a = {
   ...(conditionB && {b: 5}),
   ...(conditionC && {c: 5}),
   ...(conditionD && {d: 5}),
   ...(conditionE && {e: 5}),
   ...(conditionF && {f: 5}),
   ...(conditionG && {g: 5}),
}

以上が未定義のプロパティを使用せずに JavaScript でオブジェクト メンバーを条件付きで追加するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。