【JavaScript】filterメソッド × 正規表現による配列の絞り込み

こんにちは、フロントエンドエンジニアのまさにょんです。

今回は、JavaScriptでfilterメソッドと正規表現を使った絞り込みの使い方ついて解説して行きます。

filterメソッド × 正規表現による配列の絞り込み（Sample-Code）

それでは、Sample-Codeを見ていきましょう！

// < filter() × 正規表現 >

const robotamaDev = ['ロボ玉試作1号機', '白桃', 'ロボ玉試作2号機', 'ももちゃん', 'ロボ玉試作3号機', 'ロボ玉'];

// 1. 「ロボ玉」と言う文字列を含む value のみ true
const robotamaList = robotamaDev.filter(robotama => (/^ロボ玉/.test(robotama)));

// 正規表現.test(値) => 正規表現-Pattern に match すれば true

console.log({robotamaList});
// robotamaList: (4) ['ロボ玉試作1号機', 'ロボ玉試作2号機', 'ロボ玉試作3号機', 'ロボ玉']

上記のように、Array.prototype.filter()の条件文に「 正規表現.test() 」を使うことで指定の正規表現にMatchする値だけの配列を新規作成することができます。

Array.prototype.filter() × RegExp.prototype.test() の 掛け合わせによる絞り込みは、使い勝手がいいので、ぜひ活用してみてください！

JavaScript書籍 Ver. 中級-上級者向け

JavaScript書籍 Ver. 初級者向け

参考・引用

1. Array.prototype.filter()
2. RegExp.prototype.test()

最近の投稿

2024年1月17日【SQL】1回のINSERTで、複数行のレコードを一括挿入・一括追加する方法 2024年1月17日JavaScriptでランダムなuuidを作成する方法(randomUUIDの使い方) 2023年12月30日PythonでCSVをJSONに変換する方法 2023年12月30日PythonでCSV・Dataframeを指定の行数まで切り取る方法 2023年12月28日JavaScript(TypeScirpt)のfor-of文でindexの値も取得する方法と、Type IterableIteratorエラーの解決方法 2023年12月28日VSCode上のPython import文の「インポート “XXXXX” をソースから解決できませんでした」エラーの解決方法