JavaScript filter とは？

JavaScript filter は、配列の要素を フィルター処理 するためのメソッドです。これは、特定の条件に合致する要素だけを抽出したり、要素を変換したりするのに役立ちます。

この記事でわかること

filter の基本的な使い方

filter メソッドは、以下の構文で呼び出します。

JavaScript
const filteredArray = array.filter(callbackFn);

callbackFn は、各要素に対して 真偽値を返す関数 です。

以下の例では、numbers 配列から偶数だけを抽出するコードを示します。

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

このコードでは、callbackFn は number % 2 === 0 という式を返します。これは、number が偶数であれば true を、奇数であれば false を返します。

filter メソッドは、さまざまな目的に使用できます。

JavaScript
const users = [ { name: “John”, age: 30 }, { name: “Mary”, age: 25 }, { name: “Bob”, age: 40 }, ]; const youngUsers = users.filter(user => user.age < 30); console.log(youngUsers); // [{ name: “John”, age: 30 }, { name: “Mary”, age: 25 }]

このコードでは、users 配列から年齢が30歳未満のユーザーだけを抽出しています。

JavaScript
const products = [ { name: “Product 1”, price: 100 }, { name: “Product 2”, price: 200 }, { name: “Product 3”, price: 300 }, ]; const discountedProducts = products.map(product => ({ …product, price: product.price * 0.9, })); console.log(discountedProducts);