配列全体を反復処理し、一致した値のみを返しますか？

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) 

しかし、私は（favoriteBook）にconsole.logとき、私は見ています一致する1つのオブジェクトが返された配列と、一致しないすべてのものに対して 'undefined'が返されます。どのようにして試合を見つけ、ただそれを返すとすぐに止めることができますか？可能であれば（ '？'）または同様の方法で 'フィルタ'を使ってこれを行う方法をお聞かせください。

ありがとうございました。

Answer 1

私はあなたが複数の書籍や、単に単一のものと一致する場合、これは依存しているとします。あなたがそうしたいそうでない場合はシングル帳

マッチング

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

、：あなたが複数の本を扱うでしょうfilter()機能を介してこれを実現することができます複数のブック

マッチング

find()は1つを返す関数：

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

注：が、それは劇的にあなたの関数呼び出しの1の範囲内で変更することができるよう、あなたが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()を入力して、特定のフィールドを取得してください。