如何有條件地向物件添加屬性

在 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 }