【JavaScript】find,filterメソッドの違い、使い方

#【JavaScript】find,filterメソッドの違い、使い方

##findメソッド
配列から条件に一致した最初の値を返す。

調査対象の配列.find((引数)=>{
return 条件;
}

    const numbers = [1, 2, 3, 4, 5, 6];
    const foundNumber = numbers.find((number) => {
     return number > 3;
    });
    
    console.log(foundNumber);//4

・findメソッドでは1つしか値を取得できない

引数、条件が1つの場合ここまで省略可能

    const foundNumber = numbers.find(number => number > 3);

##filterメソッド
配列から条件に一致した値をすべて返す。

調査対象の配列.filter((引数)=>{
return 条件;
}

    const numbers = [1, 2, 3, 4, 5, 6];
    const filteredNumber = numbers.filter((number) => {
     return number > 3;
    });
    
    console.log(filteredNumber);//[4, 5, 6]

引数、条件が1つの場合ここまで省略可能

    const filteredNumber = numbers.filter(number => number > 3);