findメソッドとfilterメソッドの違い

filterとfindがごっちゃになったのでメモ程度にまとめておきます。
返す値が分かりやすいようにTypeScriptで書いています。

filter

特定の配列の中から一致した全てを配列で返す。

const numbers: number[] = [ 1, 2, 3];

const number: number[] = numbers.filter((number) => number === 1);
console.log(number);
// - [1]

こんな感じで配列が返ってくる。

find

特定の配列から一致した最初のものを返す

const numbers: number[] = [ 1, 2, 3];

const number: number = numbers.find((number) => number === 1);
console.log(number);
// - 1

まとめ

配列を返したい場合はfilterを使う
最初の一つ要素を返したい場合はfindを使う