TypeScriptにおける正規表現は、JavaScriptの正規表現がそのまま利用できます。
正規表現を使えば文字列の検索、置換、検証などが可能になります。

以下に、TypeScript（JavaScript）での正規表現の基本的な使い方とサンプルを紹介します。

正規表現の基本

正規表現は、/パターン/フラグの形式で記述します。

検索やマッチングを行いたい文字列をパターン部分に記述し、検索オプションをフラグ部分に指定します。

文字列の抽出

例えば、以下の正規表現は、「hello」の文字列を大文字小文字を区別せずに検索します。

const text = "Hello World";
const pattern = /hello/i;
const result = text.match(pattern);
console.log(result); // 出力: ["Hello"]

正規表現の利用方法

抽出置換検証

入力テキスト

正規表現

結果

＊他の文字列やパターンでも、試してみましょう！

文字列の置換

replaceメソッドを使えば、文字列内のパターンにマッチする部分を置換できます。

const text = "Hello World";
const pattern = /hello/i;
const replacedText = text.replace(pattern, "Hi");
console.log(replacedText); // 出力: "Hi World"

正規表現の利用方法

抽出置換検証

入力テキスト

正規表現

置換先テキスト

置換後テキスト

＊他の文字列やパターンでも、試してみましょう！

/xxx/g正規表現のフラグにgを使えば、文字列内のパターンにマッチする部分を全て置換できます。

const text = "090-1111-2222";
const pattern = /-/g;
const replacedText = text.replace(pattern, 'P');
alert(replacedText);
// 09011112222

正規表現の利用方法

抽出置換検証

入力テキスト

正規表現

置換先テキスト

置換後テキスト

＊他の文字列やパターンでも、試してみましょう！

文字列の検証

ある入力値に対して、特定のフォーマットに合致しているか検証することもできます。

例えば、以下のコードはメールアドレスの形式を検証します。

const email = "[email protected]";
const emailPattern = /^\w+([.-]?\w+)*@\w+([.-]?\w+)*(\.\w{2,3})+$/;
const isValidEmail = emailPattern.test(email);
console.log(isValidEmail); // 出力: true

正規表現の利用方法

抽出置換検証

入力テキスト

正規表現

結果

＊他の文字列やパターンでも、試してみましょう！

まとめ

正規表現は非常に強力で、多様な文字列処理を簡単に行うことができます。

様々なパターンを理解すれば、より複雑なパターンの検索や置換も可能になります。
この記事で正規表現を試すことで、パターンの記述方法やオプションの種類について理解が深まれば幸いです！