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

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

您的查詢圍繞著有效地從物件內的陣列中刪除重複的物件進行。讓我們探索一些有效的技術來實現這一目標。

ES6 解：

引入一點 ES6 的優雅，我們可以利用 filter 和 findIndex 方法：

obj.arr = obj.arr.filter((value, index, self) =>
  index === self.findIndex((t) => (
    t.place === value.place && t.name === value.name
  ))
);

這種方法確保只有唯一的物件保留在

通用解決方案：

對於更通用的解決方案，請考慮：

const uniqueArray = obj.arr.filter((value, index) => {
  const _value = JSON.stringify(value);
  return index === obj.arr.findIndex(obj => {
    return JSON.stringify(obj) === _value;
  });
});

此方法使用JSON 字串化來比較基於以下內容的物件他們的屬性值。

基於屬性過濾：

或者，您可以定義一個函數來按特定屬性比較物件：

const isPropValuesEqual = (subject, target, propNames) =>
  propNames.every(propName => subject[propName] === target[propName]);

const getUniqueItemsByProperties = (items, propNames) => 
  items.filter((item, index, array) =>
    index === array.findIndex(foundItem => isPropValuesEqual(foundItem, item, propNames))
  );

此函數傳回一個包含基於指定屬性的唯一物件的陣列

解釋：

• 過濾器：刪除滿足給定條件的重複物件。
• findIndex: 傳回與指定物件相符的物件第一次出現的索引

透過利用這些技術，您可以有效地從陣列中刪除重複的對象，從而使您能夠使用乾淨簡潔的資料集。

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