JavaScriptでのフィルター関数の使用方法

以下に、filter関数の使用方法といくつかのコード例を示します。

1. フィルター関数の基本的な構文:

   const filteredArray = array.filter(callback(element[, index[, array]])[, thisArg])

   • array: フィルタリングする対象の配列
   • callback: 各要素に対して実行されるコールバック関数
   • element: 現在処理されている要素
   • index (オプション): 現在処理されている要素のインデックス
   • array (オプション): filterが呼び出された配列
   • thisArg (オプション): コールバック内でthisキーワードとして使用される値

2. 数値の配列から偶数の要素をフィルタリングする例:

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

3. 文字列の配列から特定の文字列を含む要素をフィルタリングする例:

   const fruits = ['apple', 'banana', 'grape', 'orange'];
   const filteredFruits = fruits.filter(fruit => fruit.includes('a'));
   console.log(filteredFruits);  // Output: ['apple', 'banana', 'grape']

4. オブジェクトの配列から特定の条件を満たす要素をフィルタリングする例:

   const products = [
   { name: 'iPhone', price: 1000 },
   { name: 'iPad', price: 500 },
   { name: 'MacBook', price: 2000 }
   ];
   const expensiveProducts = products.filter(product => product.price > 1000);
   console.log(expensiveProducts);  // Output: [{ name: 'MacBook', price: 2000 }]

これらはフィルター関数の基本的な使用方法といくつかの具体的な例です。filter関数を使用することで、複雑な条件に基づいて配列をフィルタリングし、必要な要素のみを抽出することができます。