gebe ein gefiltertes Array von Objekten zurück

Question

Ich kämpfe mit Entfernen von Dupes aus einer Reihe von Objekten. Ich habe ein Array, storedItems:

var storedItems = [ 
    {text: "1", checked: false }, 
    {text: "2", checked: false }, 
    {text: "3", checked: false }, 
    {text: "string", checked: false } 
] 

usw. Die Textwerte sind entweder Zeichenfolgen oder numerische Zeichenfolgen. Ich bin ok mit den einzigartigen Textwerte zu identifizieren, entweder in der Hash oder in uniqueVals ...

filterDupes(storedItems); 

function filterDupes(input) { 
    var hash = {}; 
    var uniqueVals = []; 
    input.forEach(obj => { 
     hash[obj.text] = true; 
    }) 
    var uniqueVals = Object.keys(hash); // Array 
    return input.filter(function(obj, ix, arr) { 
     uniqueVals.indexOf(obj.text) !== -1; // NOPE 
    }) // .filter 
} // filterDupes 

... es ist wie entweder den Hash-Schlüssel oder uniqueVals an den Eingang Array Objekte zu vergleichen, das heißt, was genau brauche ich (ohne eine for-Schleife oder eine andere forEach?), um das gefilterte Array zurückzugeben, das hat mich dazu gebracht, meinen Kopf gegen eine Wand zu schlagen, um eine Version von return hash zu finden [obj.text] == ​​obj.text; oder return (hash.key === obj.text)

EDIT: Geige hier: https://jsfiddle.net/WTFoxtrot/by3nhy4n/2/

Answer 1

Mit einer Kombination aus Array.prototype.map() und Array.prototype.filter():

let items = [ 
 
    {text: "1", checked: false}, 
 
    {text: "2", checked: false}, 
 
    {text: "3", checked: false}, 
 
    {text: "string", checked: false}, 
 
    {text: "2", checked: false}, 
 
    {text: "string", checked: false}, 
 
    {text: "1", checked: false} 
 
]; 
 
let values = items.map(it => it.text).filter((v, i, a) => a.indexOf(v) === i); 
 

 
console.log(values); // ["1", "2", "3", "string"]

Der Filter Der Abschluss (v, i, a) => a.indexOf(v) === i filtert alle Werte aus, die an einer anderen Position als dem ersten Auftreten dieses Werts vorhanden sind.

Mit den gleichen Prinzipien, wenn Sie das Array von Objekten selbst statt der Rückkehr eine Liste von eindeutigen Werten filtern möchten, können Sie Array.prototype.filter() mit Array.prototype.find() verwenden:

let items = [ 
 
    {text: "1", checked: false}, 
 
    {text: "2", checked: false}, 
 
    {text: "3", checked: false}, 
 
    {text: "string", checked: false}, 
 
    {text: "2", checked: false}, 
 
    {text: "string", checked: false}, 
 
    {text: "1", checked: false} 
 
]; 
 
let filtered = items.filter((x, i, a) => a.find(y => x.text === y.text) === x); 
 

 
console.log(filtered); // [{"text": "1", "checked": false}, {"text": "2", "checked": false}, {"text": "3", "checked": false}, {"text": "string", "checked": false}]

Answer 2

V2: Wenn Sie das Set-Objekt verwenden, verwenden Sie Array-Index auf die gleiche Weise:

Wenn Sie nicht möchten, dass Ihre Funktion ändern zu viel:

... 
return input.filter((obj, ix, arr) => { 
    var index = uniqueVals.indexOf(obj.text); 
    if(index !== -1) { 
    // Remove the element from unique array 
     uniqueVals.splice(index,1); 
     return true; 
    } 
    return false; 
}) 

V1: Falsche. Zuvor ist Ihre Funktion nicht korrekt. Es tut tatsächlich nichts. Sie schieben den Text nur auf ein Array und überprüfen dann erneut, ob der Text in diesem Array vorhanden ist.

var storedItems = [ 
    {text: "1", checked: false }, 
    {text: "2", checked: false }, 
    {text: "3", checked: false }, 
    {text: "string", checked: false } 
]; 

function filterDupes(input) { 
    //Your previous code inside function 
    ... 
    return input.filter(function(obj, ix, arr) { 
    return uniqueVals.indexOf(obj.text) !== -1; 
    }) 
}