JS tìm chức năng đẩy không xác định

Question

Tôi đã tạo một hàm "bộ lọc" nhận một mảng các đối tượng. Mỗi đối tượng có thuộc tính accountId. Chức năng của tôi được cho là lọc ra các đối tượng có khác nhau accountId. Đó là, tuy nhiên, đẩy một đối tượng undefined trong đó.

Có gì sai với chức năng của tôi?

export const filterItems = (myArray, accountId) => { 

    let filteredItems = []; 
    filteredItems.push(myArray.find(items => items.accountId === accountId)); 

    return filteredItems; 
} 

Khi tôi vượt qua một accountId đến chức năng của tôi không có trong mảng, đầu ra là một mảng với một mục trong nó và mục là undefined - xem dưới đây:

[ 
    0: undefined 
] 

gì tôi đang làm sai à?

Answer 1

Bạn chỉ có thể lọc mảng và trả về một mảng trống nếu không tìm thấy.

export const filterItems = (myArray, accountId) => 
    myArray.filter(items => items.accountId === accountId); 

Answer 2

Mã của bạn luôn gọi .push(). Hàm .find() trả về không xác định nếu không tìm thấy mục.

Bạn có thể lấy giá trị trả về từ .find() và sau đó chỉ đẩy kết quả khi nó thực sự tìm thấy:

let filteredItems = []; 
let item = myArray.find(items => items.accountId === accountId); 
if (item !== undefined) 
    filteredItems.push(item); 
return filteredItems; 

Answer 3

myArray.find(items => items.accountId === accountId) là trở undefined (và nó đang được đẩy lên filteredItems)

Hãy thử này để thay thế :

//... 
let item = myArray.find(items => items.accountId === accountId); 

if(item) { 
    filteredItems.push(item); 
} 
//...