オブジェクトに条件付きでプロパティを追加する方法

JavaScript または TypeScript でオブジェクトを構築する場合、式の評価に基づいて条件付きでプロパティを追加するのが一般的です。これは通常、スプレッド演算子 (...) と論理条件を組み合わせて使用​​して行われます。

const condition = (a, b) → a › b; const obj = {
          a: 1, b: 2,
          ... (false && {c: 3}), 
          ... (true && {d: 4}), 
          ... (condition (1, 2) && {e: 5}),
        }; 
console.log(obj); // output: { a: 1, b: 2, d: 4 }

説明

• false && {c: 3}: これは false と評価され、{c: 3} オブジェクトが obj.

に分散されないことを意味します。

• true && {d: 4}: 条件が true であるため、{d: 4} は obj.

に展開されます。

• condition(1, 2) && {e: 5}: 条件関数は、a > b かどうかを評価します。 1 > 2 は false であるため、オブジェクト {e: 5} は拡散されません。

この手法は、さまざまな条件に基づいてプロパティを動的に追加しながら、オブジェクト定義をクリーンかつ簡潔に保つ強力な方法です。

出力

最終的なオブジェクトは次のようになります:
{ a: 1、b: 2、d: 4 }