Update!!バックエンド側からデータを受け取り、フロントエンド側で扱うときには配列としてJavaScriptで操作するケースが多いかと思います。javascriptには配列を操作するための様々なメソッドが用意されています。今回は配列から条件にあう値を取得するパターンについてまとめていきたいと思います。過去記事にはそれ以外にもいろんな配列を扱うメソッドについてまとめていますのでこちらもどうぞ。JavaScriptで配列を扱う時によく使うメソッド#3【配列に値が含まれるか・値のインデックスを検索する】Array.find()配列データから、特定の条件にマッチする値で、ユニークなものを取得する場合には「Array.find()」を使います。引数にはコールバック関数をとり、そのコールバック関数内で条件を指定することで、条件にマッチした最初のインデックスの値を返してくれます。一意の値を取得する場合に使えます。console.log('該当するデータはありません');}【console】"IDが2のメンバーは中村さんです"メディアサイトなどで、投稿記事のIDからコンテンツの情報を取得する場合などに使えますね。上記はIDで取得するケースの例ですが、それ以外の値でも検索することができます。対象となる配列は値型でもオブジェクト型でも同じように使えます。Array.filter()同じく配列データから、特定の条件にマッチする値を取得するのですが、複数該当し条件に合う全ての値を取得する場合には「Array.filter()」を使います。こちらも引数にコールバック関数をとり、そのコールバック関数内で条件を指定すると、条件にマッチした全ての値が配列として返ってきます。条件にマッチしたものがない場合には空の配列が返ってきます。}]カテゴリやキーワード指定などの検索軸で使うことができます。配列データを条件ごとに切り分ける場合にも使えるのでとても便利なメソッドです。こちらも対象となる配列は値型でもオブジェクト型でも同じように使えます。オブジェクト型の配列では、さらにここからArray.forEach()などで個別の値を取得することができます。);今回のメソッドは、膨大なデータを条件別にフィルタリングする場合に使えます。バックエンドからAPI経由でデータを受け取り、フロントエンド側で処理する場合には必須のメソッドになるのではないでしょうか。便利なのでぜひ覚えておきたいですね。topこのウェブサイトはCookieを使用します当ウェブサイトではCookieを使用してアクセス解析や広告を行なっており、ウェブサイトの運用やコンテンツ制作に役立てています。サイトの利用を続けることで、Cookie使用に同意したことになります。