【JavaScript】filterメソッドの使い方を簡潔にまとめてみた!

JavaScript

JavaScriptのfilterメソッドとは?

JavaScriptのfilterメソッドは、配列から特定の条件を満たす要素を選択し、新しい配列を生成するために使用できます。次のように使用できます。

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(x => x % 2 === 0);
console.log(evenNumbers); // [2, 4]

filterメソッドは、配列のすべての要素に対して実行される関数を引数に取ります。

上の例では、x => x % 2 === 0という関数が使用されています。これは、入力された数字が偶数であるかどうかを判断する関数です。

このようにfilterメソッドは、関数を配列のすべての要素に対して実行し、条件を満たす要素だけを含む新しい配列を生成します。

他のコード例

const words = ['apple', 'banana', 'orange'];
const shortWords = words.filter(x => x.length <= 5);
console.log(shortWords); // ['apple']

上の例では、配列から文字数が5文字以下の要素を選択する処理をfilterメソッドで行っています。

タイトルとURLをコピーしました