Javascript：過濾數組對象

Question

我在這裏做錯了什麼？

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);

這個返回undefined當我試圖使它返回{ id: 1, name: 'N'}。

Answer 1

filter()功能不可變 - 這意味着它返回一個新陣列與過濾對象，做不「變異」原來陣列 - 你必須將其分配給另一個變量 - 看看下面的演示：

​​

Answer 2

您需要爲濾波的結果與Array#filter

的filter()方法創建與通過由提供的功能實現的測試中所有元素的數組變量。

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

您需要存儲的.filter()結果。它不會改變原始數組。

---

在附註中，您可以通過刪除大括號和返回語句來縮短回調函數。

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