Итерации по массиву и возврат только согласованных значений?

Question

Я работаю с JSON и хотел бы перебрать массив и просто вернуть значение, которое я ищу. Например, если у меня есть массив объектов, и каждый из этих объектов имеет информацию для конкретной книги, как я могу перебирать каждый объект в этом массиве и возвращать только тот, который соответствует?

Я попытался использовать карту, например, так (но не работает так, как мне это нужно):

// books is from my imported JSON object 

const favoriteBook = books.map((book) => { 
    if (book.title == this.props.params.id) { 
    return book; 
    } 
}); 

console.log(favoriteBook) 

Однако, когда я console.log (favoriteBook), я вижу массив с одним возвращаемым объектом, который соответствует, а также «undefined» для всех тех, которые не совпадают. Как я могу остановить его, как только он найдет совпадение и просто вернет его? Интересно, как это сделать с помощью «фильтра», если это возможно (?) Или аналогичным образом.

Спасибо.

Answer 1

Я предполагаю, что это зависит, если вы хотите, чтобы соответствовать несколько книг или просто одного.

Matching Несколько книг

Вы можете сделать это с помощью функции filter(), которая будет обрабатывать несколько книг:

const favoriteBooks = books.filter((b) => { return b.title == this.props.params.id;}); 

Matching одной книги

В противном случае, вы, вероятно, хотите функция find() для возврата одного:

const favoriteBook = books.find((b) => { return b.title == this.props.params.id;}); 

Примечание: Будьте предельно внимательны, как вы используете this ключевое слово, как это может резко измениться в контексте одного из вызовов функций. Возможно, вы захотите сохранить его до вызова функций или ссылки на него другим способом, чтобы избежать неожиданных результатов.

Answer 2

Вы хотите .find (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/find)

const favoriteBook = books.find((book) => { 
    return book.title == this.props.params.id 
}.bind(this)); //.bind for context of 'this' 

Answer 3

Попробуйте это:

const favoriteBook = books.find((book) => (book.title === this.props.params.id)); 

Answer 4

Попробуйте использовать .filter(), чтобы получить только те товары, которые вы хотите, и после этого используйте .map(), чтобы получить конкретное поле.