filter() メソッドとは

filter()メソッド は、引数として与えられたテスト関数を各配列要素に対して実行し、それに合格したすべての配列要素からなる新しい配列を生成する。

つまり、、イミュータブルに配列を操作することができる。

例

例1

const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6); // 6文字より大きい要素だけを取り出し、新しい配列に格納する。
console.log(result); => ["exuberant", "destruction", "present"]

例2

const arr = [
  { id: 0, name: "fdoif", hobby: "soccer" },
  { id: 1, name: "hohfd", hobby: "baseball" },
  { id: 2, name: "fhofi", hobby: "bascketball" },
  { id: 3, name: "fefef", hobby: "soccer" },
  { id: 4, name: "sassa", hobby: "baseball" }
];

const filterByHobby = item => {
  if (item.hobby === "soccer") {
    return true;
  }

  return false;
};

const arrByHobby = arr.filter(filterByHobby); //hobbyがsoccerの要素だけを取り出し、新しい配列に格納する。

console.log("Filtered Array\n", arrByHobby);

超便利!!!

以上です。

参考: Array.prototype.filter() | MDN