JavaScriptの正規表現を使った文字列操作例まとめ！初心者でもわかる使い方

1. 正規表現とは？

1. 正規表現とは？

正規表現（RegExp）は、文字列のパターンを表現する特別な文字列です。 例えば、「数字だけ」「英字だけ」「特定の文字を含む文字列」などを検索できます。 JavaScriptでは/パターン/フラグという書き方で正規表現を作成します。

const regex = /abc/;
console.log(regex.test("abcdef")); // パターンが含まれているか

true

test()メソッドは文字列に正規表現のパターンが含まれているかを真偽値で返します。

2. 文字列の検索に正規表現を使う

2. 文字列の検索に正規表現を使う

正規表現を使うと、文字列の中で特定の文字や文字列の位置を検索できます。 例えば、数字だけを探す場合は\dを使います。

const str = "電話番号は090-1234-5678です";
const regex = /\d+/g; // 連続する数字を検索
const result = str.match(regex);
console.log(result);

["090", "1234", "5678"]

match()メソッドを使うと、文字列中の正規表現に一致するすべての部分を配列として取得できます。

3. 文字列の置換に正規表現を使う

3. 文字列の置換に正規表現を使う

正規表現を使えば文字列の置換も簡単です。replace()メソッドと組み合わせます。

const text = "猫と犬と鳥";
const newText = text.replace(/猫|犬/g, "動物");
console.log(newText);

動物と動物と鳥

上の例では「猫」と「犬」をまとめて「動物」に置き換えています。 正規表現を使うと複数の文字列をまとめて処理できるので便利です。

4. 大文字小文字を無視して検索する

4. 大文字小文字を無視して検索する

正規表現にはフラグがあります。iフラグを使うと大文字小文字を区別せずに検索できます。

const str2 = "JavaScriptとjavascript";
const regex2 = /javascript/gi; // gは全体検索、iは大文字小文字を無視
const result2 = str2.match(regex2);
console.log(result2);

["JavaScript", "javascript"]

このように正規表現を使うと、文字列の検索や置換を非常に柔軟に行うことができます。

5. 文字列を分割する

5. 文字列を分割する

正規表現をsplit()メソッドと組み合わせると、文字列を特定のパターンで分割できます。

const data = "りんご,みかん,バナナ";
const fruits = data.split(/,/);
console.log(fruits);

["りんご", "みかん", "バナナ"]

カンマや空白などで文字列を分割したいときに正規表現は便利です。

6. 正規表現を使った簡単なチェック例

6. 正規表現を使った簡単なチェック例

入力チェックなどにも正規表現は使えます。例えばメールアドレスの簡単な形式チェックです。

const email = "example@test.com";
const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
console.log(emailRegex.test(email));

true

この例では、メールアドレスの形式に合っているかどうかをtest()で確認しています。 正規表現を活用すると文字列の形式チェックやデータ検証も簡単になります。

7. 応用例：複数パターンを同時に処理する

7. 応用例：複数パターンを同時に処理する

正規表現を使うと複数のパターンをまとめて処理できます。例えば文章中の英数字だけを抜き出す場合です。

const sentence = "商品番号はA123、B456、C789です";
const codeRegex = /[A-Z]\d+/g;
const codes = sentence.match(codeRegex);
console.log(codes);

["A123", "B456", "C789"]

英字1文字と数字の組み合わせをすべて抽出できるので、特定の形式のデータを簡単に取り出せます。

この記事を読んだ人からの質問

この記事を読んだ人からの質問

プログラミング初心者からのよくある疑問／質問を解決します

C++のプロジェクト開発において、ユニットテストとはどのような役割を持つ作業なのですか？

ユニットテストとは、プログラム全体を一度に動かすのではなく、関数やクラスといったプログラムを構成する最小単位の「部品」が、設計通りに正しく動作するかを個別に確認する検証作業のことです。例えば、2つの数値を足し合わせる計算関数を作った場合、その関数に特定の数値を入力した際に期待通りの正しい計算結果が返ってくるかをチェックします。このように小さな単位でテストを繰り返すことで、プログラムの品質を初期段階から確実に担保し、バグの混入を未然に防ぐ重要な役割を担っています。