Comment supprimer tous les doublons d'un tableau d'objets ?

Question

J'ai un objet qui contient un tableau d'objets.

obj = {};

obj.arr = new Array();

obj.arr.push({place:"here",name:"stuff"});
obj.arr.push({place:"there",name:"morestuff"});
obj.arr.push({place:"there",name:"morestuff"});

Je me demande quelle est la meilleure méthode pour supprimer les objets en double d'un tableau. Par exemple, obj.arr deviendrait...

{place:"here",name:"stuff"},
{place:"there",name:"morestuff"}

Answer 1

Si vous pouvez utiliser des bibliothèques Javascript telles que soulignement ou lodash, je vous recommande de jeter un coup d'œil à _.uniq dans leurs bibliothèques. Sur le site lodash :

_.uniq(array, [isSorted=false], [callback=_.identity], [thisArg])

En gros, vous passez dans le tableau qui est ici un objet littéral et vous passez dans l'attribut avec lequel vous voulez supprimer les doublons dans le tableau de données d'origine, comme ceci :

var data = [{'name': 'Amir', 'surname': 'Rahnama'}, {'name': 'Amir', 'surname': 'Stevens'}];
var non_duplidated_data = _.uniq(data, 'name'); 

UPDATE : Lodash a maintenant introduit une .uniqBy également.

Answer 2

J'avais exactement la même exigence, à savoir supprimer les objets en double dans un tableau, sur la base des doublons dans un seul champ. J'ai trouvé le code ici : Javascript : Supprimer les doublons d'un tableau d'objets

Ainsi, dans mon exemple, je supprime tous les objets du tableau qui ont un double de la valeur de la chaîne licenseNum.

var arrayWithDuplicates = [
    {"type":"LICENSE", "licenseNum": "12345", state:"NV"},
    {"type":"LICENSE", "licenseNum": "A7846", state:"CA"},
    {"type":"LICENSE", "licenseNum": "12345", state:"OR"},
    {"type":"LICENSE", "licenseNum": "10849", state:"CA"},
    {"type":"LICENSE", "licenseNum": "B7037", state:"WA"},
    {"type":"LICENSE", "licenseNum": "12345", state:"NM"}
];

function removeDuplicates(originalArray, prop) {
     var newArray = [];
     var lookupObject  = {};

     for(var i in originalArray) {
        lookupObject[originalArray[i][prop]] = originalArray[i];
     }

     for(i in lookupObject) {
         newArray.push(lookupObject[i]);
     }
      return newArray;
 }

var uniqueArray = removeDuplicates(arrayWithDuplicates, "licenseNum");
console.log("uniqueArray is: " + JSON.stringify(uniqueArray));

Les résultats :

uniqueArray est :

[{"type":"LICENSE","licenseNum":"10849","state":"CA"},
{"type":"LICENSE","licenseNum":"12345","state":"NM"},
{"type":"LICENSE","licenseNum":"A7846","state":"CA"},
{"type":"LICENSE","licenseNum":"B7037","state":"WA"}]

Answer 3

One liner utilisant Set

var things = new Object();

things.thing = new Array();

things.thing.push({place:"here",name:"stuff"});
things.thing.push({place:"there",name:"morestuff"});
things.thing.push({place:"there",name:"morestuff"});

// assign things.thing to myData for brevity
var myData = things.thing;

things.thing = Array.from(new Set(myData.map(JSON.stringify))).map(JSON.parse);

console.log(things.thing)

Explication :

1. new Set(myData.map(JSON.stringify)) crée un Définir en utilisant les éléments stringifiés de myData.
2. Set object permettra de s'assurer que chaque élément est unique.
3. Ensuite, je crée un tableau basé sur les éléments de l'ensemble créé en utilisant Array.from.
4. Enfin, j'utilise JSON.parse pour reconvertir l'élément stringifié en objet.

Answer 4

Une phrase de l'ES6 est ici

let arr = [
  {id:1,name:"sravan ganji"},
  {id:2,name:"pinky"},
  {id:4,name:"mammu"},
  {id:3,name:"avy"},
  {id:3,name:"rashni"},
];

console.log(Object.values(arr.reduce((acc,cur)=>Object.assign(acc,{[cur.id]:cur}),{})))

Answer 5

Le moyen le plus simple est d'utiliser filter :

var uniq = {}
var arr  = [{"id":"1"},{"id":"1"},{"id":"2"}]
var arrFiltered = arr.filter(obj => !uniq[obj.id] && (uniq[obj.id] = true));
console.log('arrFiltered', arrFiltered)