ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript における正規表現の概念と応用_正規表現

JavaScript における正規表現の概念と応用_正規表現

韦小宝
リリース: 2017-12-04 10:49:33
オリジナル
1655 人が閲覧しました

この記事では、JavaScript正規表現の概念と、JavaScriptのアプリケーションに関する関連情報を主に紹介します。JavaScriptの正規表現は、私たちの将来にとって非常に重要です。開発に大いに役立ちます。

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

まずは通常版を見てみましょう:

個人的にはやり方が雑すぎると思います。これは私が学び始めた頃にCSSスタイルシートを追加せずに作成した単純なフォームエフェクトです。 。

正規表現のアップグレードされたバージョンをもう一度見てみましょう:

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

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

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

正規表現の特徴は次のとおりです: 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+$/; var reg=/^\w+@\w+.[a-zA-Z]{2,3}(.[a-zA-Z]{2,3})?$/;
ログイン後にコピー

RegExpオブジェクトのメソッドexec 正規表現である文字を取得し、見つかった値を返し、その位置を決定します。 test は文字列で指定された値を取得し、true または false を返します。 exec メソッド: 一致するものが見つからない場合は、値が返されます。一致が見つかると、結果の配列が返されます。 /.../ はパターンの先頭と末尾を表します ^ 文字列の先頭に一致します $ 文字列の末尾に一致します s 任意の空白文字 S 任意の非空白文字 d は a に一致します数値文字 ([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 回一致します。これは、前の項目がオプションであることを意味し、x または y と一致する {0,1}

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 コレクションから取得できます。括弧文字と一致させるには、「(」または「)」を使用します。

上記は JavaScript における正規表現の概念と応用です。正規表現のすべての内容が、困っている友人に役立つことを願っています。

関連するおすすめ:

よく使われる15のjs正規表現をシェア

JS正規表現をマスターしなければならない

js正規表現を詳しく解説

以上がJavaScript における正規表現の概念と応用_正規表現の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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