删除对象数组中的重复元素Javascript [关闭]

Question

基本上我想知道如何在 JavaScript 中清理对象数组。

我已经看到一些示例显示如何根据一个元素的值来执行此操作，我需要它是通用的。这意味着它不依赖于孩子的名字。

Example of the way i don't want

我需要的是一个可以独立于对象结构工作的函数。

例如，它可以与这个一起工作：

object = [
    {value: 'value', configuration: 'configuration'},
    {value: 'value2', configuration: 'configuration2'},
    {value: 'value', configuration: 'configuration'},
]

//returning:

object = {
    {value: 'value', configuration: 'configuration'},
    {value: 'value2', configuration: 'configuration2'}
}

它也可以用于：

object = [
    {name: 'name', property: 'property'},
    {name: 'name2', property: 'property2'},
    {name: 'name', property: 'property'},
]

//returning:

object = [
    {name: 'name', property: 'property'},
    {name: 'name2', property: 'property2'}
]

Answer 1

使用filter/findIndex 技巧对数组进行重复数据删除很简单，唯一的问题是我们需要一个相等函数来比较元素。对于对象，简单的=== 不起作用。

这是一个使用基本浅等于比较器的简单示例。它只检查两个对象是否具有相同键的相同值，这将适用于您示例中的对象（但不适用于嵌套对象）。根据您的用例，这可能还不够。另一个不错的选择是 lodash 的 _.isEqual 方法，或者比较它们的 JSON 字符串的函数。 重要的是您定义一个函数来比较两个满足您要求的对象。

var array1 = [
    {value: 'value', configuration: 'configuration'},
    {value: 'value2', configuration: 'configuration2'},
    {value: 'value', configuration: 'configuration'},
];

var array2 = [
    {name: 'name', property: 'property'},
    {name: 'name2', property: 'property2'},
    {name: 'name', property: 'property'},
];

// You need to define an equality function to use with the deduplicator. Heres a basic one.
function isKVEqual(obj1, obj2) {
  // Get the keys of these objects, make sure they have the same number of keys.
  const o1keys = Object.keys(obj1);
  const o2keys = Object.keys(obj2);
  if (o1keys.length !== o2keys.length) return false;
  
  // Check that the value of each key is the same in each object.
  for (const key of o1keys) {
    if (obj2[key] !== obj1[key]) return false;
  }
  
  return true;
}

// Deduplicate:
// Make sure to replace the isKVEqual call with whatever custom comparator you want to use.
const dedupedArray1 = array1.filter((item, index, list) => list.findIndex(x => isKVEqual(x, item)) === index);
const dedupedArray2 = array2.filter((item, index, list) => list.findIndex(x => isKVEqual(x, item)) === index);

console.log(dedupedArray1)
console.log(dedupedArray2)

Answer 2

如果您愿意使用外部库，我建议您使用 lodash 检查这两个项目是否重复，并通过这种方式进行过滤：

let object = [
    {name: 'name', property: 'property'},
    {name: 'name2', property: 'property2'},
    {name: 'name', property: 'property'},
]

function removeDuplicates(arr) {
  return arr.filter((elem, idx) => {
    return !arr.slice(idx + 1).find((other) => _.isEqual(elem, other));
  });
}

console.log(removeDuplicates(object));

<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.4/lodash.min.js"></script>

Answer 3

您可以使用过滤器和json进行通用检查

var list = [
    {value: 'value', configuration: 'configuration'},
    {value: 'value2', configuration: 'configuration2'},
    {value: 'value', configuration: 'configuration'},
];
//filter element
list = list.filter(function(value, index){
  var exists = false;
  //verify if exists the same element with other index before
  for(var i in list){
    //generic verify the json
    if(JSON.stringify(list[i]) ==         JSON.stringify(list[index]) && i < index){            exists = true; 
       break;
    }
  }  
  //if dont exists dont filter
  return !exists;
});

console.log(list);

您可以使用自定义比较代替 JSON.stringfy

function isEqual(a, b){

for(var i in a)
       if(a[i] != b[i])
          return false;
  for(var i in b)
       if(b[i] != a[i])
          return false;
  return true;
}

因为 JSON.stringfy 为

生成不同的字符串

{value: 'value', configuration: 'configuration'},

和

{ configuration: 'configuration', value: 'value'},