如何在 JavaScript 中有效地從陣列中刪除重複的物件？

如何從陣列中刪除重複的物件

使用物件陣列時，通常需要刪除重複項。 ES6 過濾方法為此任務提供了一個優雅的解決方案。

ES6 Magic

obj.arr = obj.arr.filter((value, index, self ) =>
索引=== self.findIndex ((t) =>; (

t.place === value.place && t.name === value.name

))
)

此程式碼將陣列中的每個元素與所有後續元素進行比較。如果找到重複項，則會將其過濾掉。

通用解決方案

更通用的方法：

const uniqueArray = obj. arr.filter((值, 索引) => {
const _value = JSON.stringify(value);
回傳索引=== obj.arr.findIndex(obj =>; {

return JSON.stringify(obj) === _value;

});
});

該策略將每個物件序列化為字串並比較字串以識別

基於屬性的比較

使用屬性策略：

const getUniqueItemsByProperties = (items, propNames) =>
items.filter((item, index, array) =>

index === array.findIndex(foundItem => isPropValuesEqual(foundItem, item, propNames))

);

此方法可以靈活地指定確定唯一性的屬性.

包裝屬性策略 h3>

允許陣列和單一屬性名稱：

const getUniqueItemsByProperties = (items, propNames) =>; {
const propNamesArray = Array.from(propNames);

return items.filter((item, index, array) =>

index === array.findIndex(foundItem => isPropValuesEqual(foundItem, item, propNamesArray))

);
};

解釋

這裡的關鍵思想是使用識別重複項的過濾方法。唯一性標準由比較邏輯決定，可以根據物件屬性或序列化策略進行自訂。

以上是如何在 JavaScript 中有效地從陣列中刪除重複的物件？的詳細內容。更多資訊請關注PHP中文網其他相關文章！