首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2024-09-08 20:35:09
原創
593 人瀏覽過

How to add properties in object conditionally

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

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

以上是如何有條件地向物件添加屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:dev.to
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板