從物件陣列中有效刪除屬性

處理包含多個物件的陣列時，需要從每個物件中刪除特定屬性。雖然使用 for 迴圈的簡單方法就足夠了，但探索利用 ES6 功能和原型操作的替代方法可以帶來更有效率的實作。

ES6 物件解構

One這種技術就是 ES6 中引入的物件解構。它可以從物件中提取特定屬性並進一步分配給新變數。在刪除不需要的屬性的情況下，這種方法變得特別有用。

考慮以下範例：

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

要從每個物件中刪除「壞」屬性，我們可以使用以下ES6 解構程式碼：

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

這段程式碼中：

• map 方法用來迭代原始陣列中的每個物件。
• 在回呼函數中，使用省略號語法(...) 執行物件解構，以捕獲應在新物件中保留的所有屬性(keepAttrs).
• dropAttr1 和dropAttr2 變數用作您想要的任何其他屬性的佔位符

ES6 物件解構的優點

• 效能： 物件解構非常高效，因為它避免了開銷使用for循環並直接將值分配給所需的變數。
• 簡潔性： 與基於 for 迴圈的方法相比，程式碼明顯更短、更清晰，增強了可讀性和可維護性。
• 可擴展性： 當將來向數組中的物件添加新屬性時，程式碼會自動將它們從解構過程中排除，以確保正確的功能。