WebStorm 2024.1 ヘルプ

正規表現を使用してテキストを検索して置換する

テキストの特定のパターンを検索して置換する場合は、正規表現を使用します(英語)。これらは、パターンマッチング、解析、結果のフィルタリングなどに役立ちます。正規表現の構文を学習すると、ほとんどすべての言語で使用できるようになります。

IDE は Java 正規表現を使用します。これは、IDE が実行される JDK に含まれる正規表現です。パターンの詳細については、クラスパターン(docs.oracle.com)を参照してください。これらの式は、完全ではありませんが、ほとんどの場合、PCRE (Perl 互換正規表現) と互換性があります。

  1. Ctrl+R を押して、検索と置換のペインを開きます。

  2. 上部のフィールドに検索文字列を、下部のフィールドに置換文字列を入力します。

    Regex search and replace fields

    the Regex icon をクリックして、正規表現を有効にします。正規表現の構文を確認する場合は、the Regex icon にカーソルを合わせて、式のヘルプを表示リンクをクリックします。

  3. 特殊な正規表現記号を含むテキスト文字列を検索すると、WebStorm は検索フィールドにバックラッシュ \ を使用して自動的にエスケープします。

    ただし、.[{()\^$|?*+ などのメタキャラクターを具体的に検索する場合は、バックスラッシュ \ でエスケープする必要があるため、認識できます。

    例: . が必要な場合は、検索フィールドに \. と入力します。

  4. 検索フィールドに文字の範囲を入力すると、WebStorm は大文字と小文字を一致させることができます。

    例: 大文字のみを検索する場合は、検索フィールドに次のように入力します。

    \b[A-Z]

    より複雑なパターンを検索して置換するには、構造検索と置換を使用します。

  5. 検索フィールドで the Match Case icon が選択されていない場合、WebStorm は大文字と小文字の両方を検索します。

    The result of search with Match Case off

    指定された範囲の大文字と小文字を一致させるには、the Match Case icon を選択します。

    The result of the Match Case selection
  6. 出現箇所をブラウズすると、WebStorm は置換のヒントを表示するため、置換ボタンをクリックする前に潜在的な結果を見ることができます。

    Replacement hints

正規表現キャプチャーグループと後方参照を使用する

括弧内に正規表現を配置して、グループ化できます。各グループには 1 から始まる番号があるため、置換パターンで参照(後方参照)できます。グループ 0 は正規表現全体を指すことに注意してください。ただし、キャプチャーされたグループは、番号 $n だけでなく、名前 ${name} でも参照できます。

例: 番号付きのキャプチャーグループの場合、次の構文を使用します。

Numbered regex capturing group

名前付きキャプチャーグループの場合、次の構文を使用します。

Named regex capturing group

キャプチャーされたグループを検索して置換する

次のコードを考えてみましょう:

gotoDetail(): void { this.router.navigate(['/detail', this.selectedHero.id]); }
  1. 検索を開き、ペイン Ctrl+R を置き換えます。

  2. 検索フィールドに、キャプチャーグループ(英語)を示す括弧 () を入力します(例: '([^']+)detail')。

  3. 交換する場では、後方参照 (英語) '$1details':1 から始まる番号で、このような基、元

  4. WebStorm は検索仕様に基づいて見つかった出現箇所をハイライトし、ヒントに置換文字列を表示します。

    Replace with regex result

大文字と小文字を切り替える

正規表現を使用して、いくつかの条件に一致する文字の大 / 小文字を変更することができます。

  1. 検索と置換ペイン Ctrl+R を開きます。検索フィールドで the Regex icon が選択されていることを確認します。

  2. 検索フィールドに検索パターンを入力します。

  3. 置き換えフィールドで、達成したいものに応じて、次のいずれかの構文を入力します。

    • \l は、文字列内の次の文字まで文字を小文字に変更します。

      例: Barbar になります。

    • \u は、文字列内の次の文字まで文字を大文字に変更します。

      例: barBar になります。

    • \L は、リテラル文字列 \E の終わりまで文字を小文字に変更します。

      例: BARbar になります。

    • \U は、リテラル文字列 \E の終わりまで文字を大文字に変更します。

      例: barBAR になります。

    Switch to the uppercase character example

関連ページ:

プロジェクト内のターゲットを検索する

プロジェクト内のテキスト文字列を検索し、異なるスコープを使用して特定のアイテムを除外することで検索を絞り込むことができます。プロジェクトで検索文字列を見つけるを押すか、メインメニューからを選択します。検索フィールドに検索文字列を入力します。または、エディターで検索する文字列をハイライトしてを押すか、コンテキストメニューから複数ファイル内検索を選択します。WebStorm はハイライトされた文字列を検索フィールドに入力します。以前の検索のリストを表示するには、を押します。必要に応じて、追加のオ

構造検索と置換

従来の検索プロセスでは、ソースコードの構文とセマンティクスが考慮されていません。正規表現を使用している場合でも、WebStorm はコードを正規表現として扱います。構造検索および置換(SSR)アクションを使用すると、コード構造を考慮して、コード内の特定のコードパターンまたは文法構造を検索できます。WebStorm は、作成した検索テンプレートと適用した条件に基づいて、ソースコードのフラグメントを見つけて置き換えます。ターゲットを構造的に検索するに移動して、構造検索ダイアログを開きます。構造検索ダ...

正規表現構文リファレンス

このセクションは、検索と置換の作成、およびナビゲーションパターンの発行に使用できる正規表現構文の概要です。RegEx 構文リファレンス:次の文字を特殊文字またはリテラルとしてマークします。例:n は文字 n と一致します。「\n」は改行文字と一致します。シーケンスはと一致し、はと一致します。入力の始めに一致します。入力の終わりに一致します。直前の文字と 0 回以上一致します。例: "zo*" は z または zoo のいずれかと一致します。前の文字と 1 回以上一致します。例: "zo+" は zoo に一...