JavaScriptでfilterで絞り込み

条件に合う要素だけ残すJavaScriptのfilterメソッドの使い方を学べます。初心者向けに、コードを編集して実行結果をすぐ確認できます。 下のコードはブラウザ内でそのまま実行できます。「実行エディタで開く」を押すと、progoのオンラインJavaScript実行環境にコードが読み込まれ、その場で動作を確認できます。

サンプルコード

const nums = [1, 2, 3, 4, 5, 6];

const even = nums.filter(n => n % 2 === 0);
console.log(even);  // [2,4,6]

const words = ["cat", "elephant", "dog"];
const long = words.filter(w => w.length > 3);
console.log(long);  // ["elephant"]

ポイント解説

• arr.filter(コールバック)は条件がtrueの要素だけ残します。
• 新しい配列を返し、元の配列は変わりません。
• mapと組み合わせると強力です。