ホームページ > ウェブフロントエンド > jsチュートリアル > 初心者のための JavaScript 正規表現の初心者ガイド

初心者のための JavaScript 正規表現の初心者ガイド

WBOY
リリース: 2024-01-05 13:37:23
オリジナル
1118 人が閲覧しました

初心者のための JavaScript 正規表現の初心者ガイド

JavaScript 正規表現入門ガイド

はじめに:
正規表現 (正規表現) は、検出および操作に使用できる強力かつ柔軟なテキスト マッチング ツールです。文字列。 JavaScript では、正規表現を使用して、文字列の一致、置換、抽出などの操作を迅速に実装できます。この記事では、JavaScript 正規表現の基本構文と一般的な方法を初心者向けに詳しく紹介し、具体的なコード例を示します。

1. 正規表現の基本

  1. 正規表現の定義
    正規表現は、文字列と特殊記号で構成されるパターンです。 JavaScript では、正規表現オブジェクト RegExp を使用して正規表現を作成できます。例:

    let pattern = /abc/;
    ログイン後にコピー

    上記のコードは、文字列内の「abc」と一致する正規表現パターンを作成します。

  2. 基本的な一致ルール
    正規表現では、特殊文字を使用してさまざまな一致モードを実装します。一般的な特殊文字には、メタ文字とエスケープ文字が含まれます。メタキャラクターには、#、$.* ?、# が含まれます。 ##|, `, [, ], (, ), {}`など例:
  3. ##^
  4. : 文字列 #$
  5. の開始位置と一致します。
  6. ##: 文字列 ## の終了位置と一致します。 #.
  7. : 改行文字を除く任意の文字と一致します
  8. *
  9. : 前の文字と 0 回以上一致します
  10. :前の文字と 1 回以上一致します
  11. ?
  12. : 前の文字と 0 回または 1 回一致します
  13. |
  14. : 2 つと一致します 1 つのいずれかまたは複数のルール
  15. ``: 特殊文字と一致するために使用されるエスケープ文字
  16. 文字カテゴリの一致
  17. 文字カテゴリを正規表現で使用して、特定の種類の文字と一致させることができます。一般的な文字カテゴリは次のとおりです。

  18. d
  19. : 数字と一致します
  20. D
  21. : 数字以外の文字と一致します
  22. w
  23. : 単語文字 (文字、数字、アンダースコア) と一致します
  24. W
  25. : 単語以外の文字と一致します
  26. s
  27. : 空白文字と一致します (スペース、タブ文字、改行文字など)
  28. S
  29. : 空白以外の文字と一致します

    例: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:javascript;toolbar:false;'>let pattern = /w+/; let result = pattern.test(&quot;hello123&quot;); // true</pre><div class="contentsignin">ログイン後にコピー</div></div>Use
    w # 上記のコードの場合 ## 1 つ以上の単語文字と一致し、true を返します。

    2. 正規表現の使用

文字列一致

正規表現を使用できます
    test()
  1. 文字列が一致ルールに一致するかどうかを確認するメソッド。一致が成功したかどうかを示すブール値を返します。例:

    let pattern = /hello/;
    let result = pattern.test("hello world"); // true
    ログイン後にコピー

    上記のコードは、正規表現 /hello/ を使用して、文字列「hello world」に「hello」が含まれているかどうかを検出します。

    文字列置換

    文字列の
  2. replace()
  3. メソッドを使用して、正規表現パターンに基づいて置換できます。このメソッドは 2 つのパラメーターを受け入れます。最初のパラメーターは置換されるパターン、2 番目のパラメーターは置換に使用される新しい文字列です。例:

    let str = "hello world";
    let pattern = /hello/;
    let newStr = str.replace(pattern, "hi");
    console.log(newStr); // "hi world"
    ログイン後にコピー

    上記のコードは、文字列「hello world」の「hello」を「hi」に置き換え、結果を newStr に保存します。

    部分文字列の抽出

    正規表現の
  4. exec()
  5. メソッドを使用して、一致ルールに一致する部分文字列を抽出できます。このメソッドは、一致した部分文字列とその位置情報を含む配列を返します。例:

    let pattern = /d+/;
    let str = "1 apple, 2 oranges, 3 bananas";
    let result = pattern.exec(str);
    console.log(result); // ["1", index: 0, input: "1 apple, 2 oranges, 3 bananas", groups: undefined]
    ログイン後にコピー

    上記のコードは、正規表現 /d / を使用して文字列内の数値部分文字列を抽出します。

    グローバル マッチング

    グローバル マッチングを実現するには、正規表現の後に
  6. g
  7. 修飾子を追加します。例:

    let pattern = /abc/g;
    let str = "abcabcabc";
    let result = str.match(pattern);
    console.log(result); // ["abc", "abc", "abc"]
    ログイン後にコピー

    上記のコードは、正規表現 /abc/g を使用して、文字列「abcabcabc」から「abc」に一致するものをすべて検索します。

    結論:

    この記事では、JavaScript 正規表現の基本構文と一般的なメソッドを簡単に紹介し、具体的なコード例を示します。初心者は、これらの例に基づいて正規表現の基本的な使い方を理解して学ぶことができます。文字列処理では正規表現が広く使われていますので、学習を通じて正規表現を柔軟に使いこなして実際の問題を解決していただければ幸いです。

以上が初心者のための JavaScript 正規表現の初心者ガイドの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート