如何使用 ES6 解構高效刪除數組物件屬性？

高效刪除數組物件屬性

使用傳統循環從數組中的物件中消除特定屬性可能會很麻煩。為了簡化這個過程，讓我們來探索一種基於 ES6 解構的更有效率的方法。

原始For 循環方法

傳統方法涉及使用for 循環來迭代每個物件並手動刪除有問題的屬性：

var array = [{"bad": "something", "good":"something"},{"bad":"something", "good":"something"},...];

for (var i = 0, len = array.length; i < len; i++) {
  delete array[i].bad;
}

雖然有效，但此方法很冗長且容易出現

ES6解構來救援

ES6 引入了一種方便的方法來解構物件並選擇性地僅保留所需的屬性。使用展開運算子（「...」），我們可以提取要刪除的屬性之外的所有屬性：

const newArray = array.map(({dropAttr1, dropAttr2, ...keepAttrs}) => keepAttrs)

在這種情況下，我們建立一個名為new​​Array 的新數組。 map() 函數迭代原始數組，對於每個對象，它將其解構為具有除 dropAttr1 和 dropAttr2 之外的所有屬性的新對象。剩餘的屬性將收集到 keepAttrs 物件中。

透過依賴解構而不是循環，您可以簡化程式碼、提高可讀性並確保屬性刪除的一致性。

以上是如何使用 ES6 解構高效刪除數組物件屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！