如何在 JavaScript 中高效率新增條件物件成員？

JavaScript 中的條件物件成員新增

在JavaScript 中，有條件地向物件新增成員的常見做法涉及if-else 語句:

var a = {};
if (someCondition)
    a.b = 5;

雖然此方法有效，但可以認為較不慣用。為了實現更簡潔和靈活的解決方案，我們可以探索替代方法。

一種嘗試是在物件宣告中使用三元運算子：

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

但是，這種方法會導致對象，其中 b 存在但具有未定義的值。

對於具有多個條件成員的一般情況，我們可以使用更複雜的方法，利用擴展運算符和邏輯AND 短電路評估：

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

在此語法中，擴展運算子將括號內的物件解包，並將其加入if someCondition 為true 的情況。邏輯 AND 運算子 (&&) 確保僅在 someCondition 為 true 時才新增對象，且短路求值會在 someCondition 為 false 時封鎖表達式 {b: 5} 的求值。

此方法提供了在 JavaScript 中有條件地向物件新增成員的乾淨而有效的方法。

以上是如何在 JavaScript 中高效率新增條件物件成員？的詳細內容。更多資訊請關注PHP中文網其他相關文章！