Javascript: Filter Array von Objekten

Question

Was mache ich hier falsch?

var locations = [ 
 
     { id: 1, name: 'N'}, 
 
     { id: 2, name: 'P'} 
 
    ] 
 

 
var employee = { location_id: 1 } 
 

 
locations.filter((location) => { 
 
    return location.id == employee.location_id 
 
}); 
 

 
console.log(locations);

diese kehrt undefined wenn ich versuche, es { id: 1, name: 'N'} zurückkehren zu machen.

Answer 1

filter() Funktion ist nicht wandelbar - was bedeutet es eine neue Array mit den gefiltert Objekte zurückgibt und nicht ‚mutieren‘ das ursprüngliche Array tun - Sie können es auf eine andere Variable zuweisen müssen - siehe Demo unter:

locations = [ 
 
    { id: 1, name: 'N'}, 
 
    { id: 2, name: 'P'} 
 
] 
 

 
employee = { location_id: 1 } 
 

 
var result = locations.filter((location) => { 
 
    return location.id == employee.location_id 
 
}) 
 

 
console.log(result);

Answer 2

Sie benötigen eine Variable für das Ergebnis der Filterung mit Array#filter

Die filter() Methode erzeugt ein neues Array mit allen Elementen, die den Test durch die vorgesehene Funktion implementiert passieren.

var locations = [ 
 
     { id: 1, name: 'N'}, 
 
     { id: 2, name: 'P'} 
 
    ], 
 
    employee = { location_id: 1 }, 
 
    result = locations.filter((location) => { 
 
     return location.id == employee.location_id 
 
    }); 
 

 
console.log(result);

Answer 3

Sie müssen das Ergebnis der .filter() speichern. Es mutiert nicht das ursprüngliche Array.

Nebenbei bemerkt, können Sie Ihre Rückruffunktion verkürzen, indem Sie die geschweiften Klammern und die Rückgabeanweisung entfernen.

locations = locations.filter(loc => loc.id == employee.location_id);