ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript 拡張チュートリアル - RegExp オブジェクト

JavaScript 拡張チュートリアル - RegExp オブジェクト

黄舟
リリース: 2017-01-21 15:56:30
オリジナル
1193 人が閲覧しました

この記事は、H5EDU 組織の公式 HTML5 トレーニング チュートリアルであり、主に以下を紹介します: JavaScript 拡張チュートリアル - RegExp オブジェクト
RegExp オブジェクトは、テキストで取得するコンテンツを指定するために使用されます。

正規表現とは何ですか?

RegExp は正規表現の略です。

テキストを取得する場合、パターンを使用して取得する内容を説明できます。 RegExp はこのパターンです。

簡単なパターンは単一の文字にすることができます。

より複雑なパターンにはより多くの文字が含まれており、解析、形式チェック、置換などに使用できます。

文字列内の検索位置や検索する文字の種類などを指定できます。

Define RegExp

RegExp オブジェクトは、検索パターンを格納するために使用されます。

新しいキーワードを使用して RegExp オブジェクトを定義します。次のコードは、パターンが "e" である patt1 という名前の RegExp オブジェクトを定義します。 var patt1=new RegExp("e");この RegExp オブジェクトを使用して文字列内を検索する場合、文字 "e" " を検索します。

RegExp オブジェクトのメソッド

RegExp オブジェクトには、test()、exec()、compile() の 3 つのメソッドがあります。

test()

test() メソッドは、文字列内の指定された値を取得します。戻り値は true または false です。

例:

var patt1=new RegExp("e"); document.write(patt1.test("The best things in life are free"));
ログイン後にコピー

文字列に文字「e」が存在するため、上記のコードの出力は次のようになります:

true
ログイン後にコピー

exec()

exec() メソッドは文字列内の指定された値を取得します。戻り値は見つかった値です。一致するものが見つからない場合は、null が返されます。

例 1:

var patt1=new RegExp("e"); document.write(patt1.exec("The best things in life are free"));
ログイン後にコピー

文字列に文字「e」が存在するため、上記のコードの出力は次のようになります: e


例 2:

2 番目のパラメーターを RegExp オブジェクトに追加して、検索。たとえば、特定の文字が出現するすべての文字を検索する必要がある場合は、「g」パラメータ (「global」) を使用できます。

検索パターンを変更する方法の詳細については、RegExp オブジェクト リファレンス マニュアルを参照してください。

「g」パラメータを使用する場合、exec() は次のように動作します:

最初の「e」を検索し、その位置を保存します。
exec() を再度実行する場合は、保存されている位置から取得し、次の「e」を検索し、その位置を保存します

var patt1=new RegExp("e","g"); do { result=patt1.exec("The best things in life are free"); document.write(result); } while (result!=null)
ログイン後にコピー

この文字列には 6 つの "e" 文字があるため、コードの出力は次のようになります:

eeeeeenull
ログイン後にコピー

compile()

compile() メソッドは RegExp を変更するために使用されます。

compile() は、取得モードの変更と 2 番目のパラメータの追加または削除の両方を行うことができます。

例:

var patt1=new RegExp("e"); 
document.write(patt1.test("The best things in life are free")); 
patt1.compile("d"); 
document.write(patt1.test("The best things in life are free"));
ログイン後にコピー

文字列に「e」は存在しますが、「d」は存在しないため、上記のコードの出力は次のようになります: truefalse

クリックしてJS拡張チュートリアルに入ります

上記はJavaScript拡張の内容ですチュートリアル -- RegExp オブジェクト 関連コンテンツの詳細については、PHP 中国語 Web サイト (www.php.cn) に注目してください。


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