Menu
Coddy logo textTech

Filter

Coddyの「JavaScript の配列メソッド」コースのレッスン 12/18。

filter()メソッドは、提供されたコールバック関数によって実装されたテストに合格した要素のみを含む新しい配列を作成する、配列の組み込み関数です。元の配列の各要素を反復処理し、それに対してコールバック関数を適用します。コールバック関数が要素に対してtrueを返した場合、その要素は新しいフィルタリングされた配列に含まれます。そうでない場合は除外されます。

映画の評価(数値)のリストがあり、4つ星を超える評価の映画のみを含む新しいリストを作成したいとしましょう。filter()の使用方法は次のとおりです。

const ratings = [3.5, 4.8, 2.9, 5.0, 4.2];

// 評価が4を超えているかチェックするコールバック関数
const goodMovies = ratings.filter(rating => rating > 4);

console.log(goodMovies); // 出力: [4.8, 5.0]

上記の例では、filter()メソッドはratings配列を反復処理し、コールバック関数(rating => rating > 4)で指定された条件を満たす要素のみを保持します。

challenge icon

チャレンジ

簡単

friends という名前の配列には、友人のリストとそれぞれのステータスが含まれています。

あなたのタスクは、オンラインの友人のみを含む新しいリストを作成し、抽出された配列を必ずログに出力することです。

自分で試してみよう

const friends = [
  { name: "Alice", online: true },
  { name: "Bob", online: false },
  { name: "Charlie", online: true },
  { name: "David", online: false }
];

// ここにコードを書いてください

JavaScript の配列メソッドのすべてのレッスン