JS正規表現アプリケーション

今回は、JSの正規表現の応用と、JS正規表現の応用における注意事項を紹介します。実際のケースを見てみましょう。

今日は、javascriptでの正規表現とその応用についての知識を共有したいと思います。正規表現は単純ですが単純ではありません。たとえば、私が以前先生に教わったとき、「これは始めれば20～30分でマスターできる。始めなければ勝ちだ」と言われました。数日では追いつきません。それで最初は真剣に勉強して調べました。意外なことに、正規表現はコードを簡素化するだけでなく、実際の運用においてフロントエンド エンジニアの手間を大幅に軽減します。ご存知のとおり、ユーザーがページを閲覧する際に扱うのはフォームだけです。次に、一般的で面倒な方法を 2 つ紹介します。 1 つは正規表現です。これがフォームにどのような影響を与えるかを見てみましょう。

正規表現について一緒に学びましょう。

正規表現は文字パターンを記述するオブジェクトであり、正規表記法や従来の表記法とも呼ばれます

正規表現は、単一の文字列を使用して、特定の構文ルールに一致する一連の文字列を記述および照合します。多くのテキスト エディタでは、特定のパターンに一致するテキストを取得および置換するために正規表現がよく使用されます。

正規表現の特徴は次のとおりです。 1. 非常に柔軟で、論理的かつ機能的です。 2. 文字列の複雑な制御を非常に簡単な方法で迅速に実行できます。 3. 比較的わかりにくく、初めての人にとっては理解するのが困難です。

正規表現の定義 1: 通常の方法 varreg=/expression/追加パラメータ reg.test(v.value)

2: コンストラクターメソッドvar reg=new RegExp("表达式","附加参数） var reg=new RegExp("china");

式パターン 1: 単純なパターン var reg=/china/; 2: 一貫したパターン var reg=/^w+@w+.[a-zA-Z]{2,3}( .[ a-zA-Z]{2,3})?$/;

RegExp object exec のメソッドは、文字内の正規表現の一致を取得し、見つかった値を返し、その位置を決定します test は文字列で指定された値を取得し、true または false を返します。 exec メソッド。一致が見つからない場合は戻り値が null で、一致が見つかった場合は結果の配列が返されます。 /.../ パターンの先頭と末尾を表します ^ 文字列の先頭に一致します $ 文字列の末尾に一致します s 任意の空白文字 s 任意の非空白文字 d は、[0-9] に相当する数字に一致します。 D は、[^0-9] に相当する、数字以外の任意の文字に一致します。 w は、[A-Za-z0-9_] に相当する、数字、アンダースコア、または英字に一致します。 W [^a-zA-z0-9_] に相当する、単語以外の文字に一致します。 .改行文字を除く任意の文字

{n} は前の項目と n 回一致します。 {n,} は前の項目と n 回または複数回一致します。 {n,m} は前の項目と少なくとも n 回、m 回以下一致します。 * 前の項目と一致します。 0 または回以上、{0,} に相当 + 前の項目と 1 回以上一致します ({1,} に相当)?前の項目と 0 回または 1 回一致します。これは、前の項目がオプションであることを意味し、{0,1}

と同等です x|y は x または y と一致します。

たとえば、「z|food」は「z」または「food」と一致します。 「(z|f)ood」は「zood」または「food」と一致します。 [xyz] キャラクターコレクション。含まれている文字のいずれかと一致します。たとえば、「[abc]」は「plain」の「a」と一致します。 [a-z] 文字範囲。指定された範囲内の任意の文字と一致します。たとえば、「[a-z]」は、「a」から「z」の範囲内の任意の小文字の英字と一致します。注: ハイフンが文字グループ内にあり、2 つの文字の間にある場合にのみ、文字の範囲を表すことができます。 文字グループの先頭にある場合は、ハイフン自体 (パターン) のみを表すことができます。 パターンを一致させて、この一致を取得します。取得された一致は、VBScript の SubMatches コレクションと JScript の $0...$9 属性を使用して、生成された Matches コレクションから取得できます。括弧文字と一致させるには、「(」または「)」を使用します。

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

イベントバスの非親コンポーネントと子コンポーネントが相互に通信する方法

JS シミュレーションを通じてカプセル化を実装する方法

以上がJS正規表現アプリケーションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。