【JavaScript・初学者】Reactでよく使われる頻出記法 / filterについて

はじめに

Reactを学習していましたが、JavaScriptの記法についてフワッとしている部分がよくあったので、簡単ですが今回はfilterについて少し調べました。

filterの使い方

filterは条件に合致した値を配列で返すメソッドです。

let array = [1,2,3,4,5]
array = array.filter((num) => {
    return num >= 2
  }
)
console.log(array) // [2,3,4,5]

オブジェクトの配列に対しても使うことができます。

const heroes = [
    {name: “Batman”, franchise: “DC”},
    {name: “Ironman”, franchise: “Marvel”},
    {name: “Thor”, franchise: “Marvel”},
    {name: “Superman”, franchise: “DC”}
];

const marvelHeroes =  heroes.filter((hero) => {
    return hero.franchise == “Marvel”;
});

// [ {name: “Ironman”, franchise: “Marvel”}, {name: “Thor”, franchise: “Marvel”} ]