ホームページ ウェブフロントエンド jsチュートリアル JS正規表現のtest()、exec()、match()の違いの比較(例付き)

JS正規表現のtest()、exec()、match()の違いの比較(例付き)

Aug 20, 2018 pm 03:11 PM
js正規表現

この記事では、js 正規表現の test()、exec()、match() の違いと比較を (例とともに) 説明します。必要な方は参考にしていただければ幸いです。

1. 正規表現は通常、

2 つの文字列メソッド: search()、replace()

2 つの正規表現メソッド: test()、exec() で使用されます

search() メソッド: 正規表現を受け取りますを引数として指定し、最初に一致する部分文字列の開始位置を返します。一致する部分文字列がない場合は、-1 を返します。

replace() メソッド: 最初のパラメータは正規表現で、2 番目のパラメータは置換される文字列またはクロージャです。

test() メソッド: は、文字列が特定のパターンに一致するかどうかを検出するために使用されます。文字列に一致するテキストが含まれている場合は true を返し、そうでない場合は false を返します。

exec() メソッド: は、文字列内の正規表現の一致を取得するために使用されます。この関数は、一致する結果を含む配列を返します。一致するものが見つからない場合、戻り値は null になります。

match() メソッド: 唯一のパラメータは正規表現です。正規表現にフラグ g が含まれている場合、その戻り値には文字列に含まれる文字列が含まれます。マッチの。正規表現に g フラグが含まれていない場合は、最初の要素が一致した文字列で、残りの要素が正規表現内の個々のグループである配列も返します。 注: グローバル検索モードでは、match() は部分式に一致するテキストに関する情報を提供せず、一致する各部分文字列の位置も宣言しません。このグローバルに取得された情報が必要な場合は、RegExp.exec() を使用できます。

split() メソッド: はパターン マッチングをサポートできます。

2. RegExp オブジェクトは、exec() と test() という 2 つのメソッドを定義します

1 RegExp の exec() メソッドは、指定された String の match() メソッドを使用します。文字列に対して正規表現の一致を実行します。一致が見つからない場合は null を返し、それ以外の場合は配列を返します。この配列の最初の要素には正規表現に一致する文字列が含まれ、残りの要素には一致したグループが含まれます。さらに、正規表現オブジェクトの Index 属性には、一致が発生した文字列の位置も含まれており、input 属性は取得された文字列を参照します。
正規表現に g フラグがある場合、オブジェクトの lastIndex プロパティを一致する文字列の直後の位置に設定し、一致するものが見つからなかった場合は取得を開始します。この特別な動作により、exec() を繰り返し呼び出して、文字列内のすべての正規表現一致を反復処理することができます。

2. RegExp オブジェクトの test() パラメータは文字列です。この文字列に正規表現の一致が含まれる場合は true を返し、それ以外の場合は false を返します。
g フラグを指定した正規表現が test() メソッドを呼び出すと、これは exec() と同じように動作します。つまり、lastIndex から始まる特定の文字列を取得し、一致が見つかった場合は、lastIndex をその一致の直後の文字の位置に設定します。そのため、メソッド test を使用できます。 () は文字列をトラバースするために使用されます。

test

test は、対応する文字列にパターンが存在するかどうかを調べるためにブール値を返します。

var str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(reg.test(str)); // true
ログイン後にコピー

exec

exec は、現在の一致結果を検索し、配列として返します。

var str = "1a1b1c";
var reg = new RegExp("1.", "");
var arr = reg.exec(str);
ログイン後にコピー

パターンが存在しない場合、arr は null になります。それ以外の場合、arr は常に長さ 1 の配列であり、その値は現在一致するものになります。 arr には 3 つの属性もあります。index は現在の一致の位置、lastIndex は現在の一致の終了位置 (インデックス + 現在の一致の長さ) です。上記の例では、input は str です。

exec メソッドはパラメータ g の影響を受けます。 g を指定すると、次回 exec が呼び出されたときに、最後に一致した lastIndex から検索が開始されます。

var str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(reg.exec(str)[0]);
alert(reg.exec(str)[0]);
ログイン後にコピー

上記の出力はどちらも1aです。次に、指定されたパラメーター g を見てください:

var str = "1a1b1c";
var reg = new RegExp("1.", "g");
alert(reg.exec(str)[0]);
alert(reg.exec(str)[0]);
ログイン後にコピー

上記の最初のパラメーターは 1a を出力し、2 番目のパラメーターは 1b を出力します。

match

hjvar str = "1a1b1c";
var reg = new RegExp("1.", "");
alert(str.match(reg));
ログイン後にコピー

e メソッドは exec に少し似ていますが、exec は RegExp オブジェクトのメソッドであり、 math は String オブジェクトのメソッドです。両者の間にはもう 1 つの違いがあります。それは、e パラメータ g の解釈です。

パラメータ g が指定されている場合、match はすべての結果を一度に返します。

var str = "1a1b1c";
var reg = new RegExp("1.", "g");
alert(str.match(reg));
//alert(str.match(reg)); // 此句同上句的结果是一样的
ログイン後にコピー

この結果は、1a、1b、1c の 3 つの要素を含む配列です。

compile メソッドは正規表現を内部形式にコンパイルするため、実行が高速になります。

var reg = new RegExp();
reg.compile("[a-z]{5}", "g");
alert(reg.test("cftea"));
ログイン後にコピー

同じ正規表現を複数回(ループ内などで)使用すると、その効果は大きくなります。

関連する推奨事項:

JS 基本シリーズ正規表現

js の正規表現のバックトラッキングを正しく理解する方法

以上がJS正規表現のtest()、exec()、match()の違いの比較(例付き)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? フロントエンドのサーマルペーパーレシートのために文字化けしたコード印刷に遭遇した場合はどうすればよいですか? Apr 04, 2025 pm 02:42 PM

フロントエンドのサーマルペーパーチケット印刷のためのよくある質問とソリューションフロントエンド開発におけるチケット印刷は、一般的な要件です。しかし、多くの開発者が実装しています...

誰がより多くのPythonまたはJavaScriptを支払われますか? 誰がより多くのPythonまたはJavaScriptを支払われますか? Apr 04, 2025 am 12:09 AM

スキルや業界のニーズに応じて、PythonおよびJavaScript開発者には絶対的な給与はありません。 1. Pythonは、データサイエンスと機械学習でさらに支払われる場合があります。 2。JavaScriptは、フロントエンドとフルスタックの開発に大きな需要があり、その給与もかなりです。 3。影響要因には、経験、地理的位置、会社の規模、特定のスキルが含まれます。

javascriptの分解:それが何をするのか、なぜそれが重要なのか javascriptの分解:それが何をするのか、なぜそれが重要なのか Apr 09, 2025 am 12:07 AM

JavaScriptは現代のWeb開発の基礎であり、その主な機能には、イベント駆動型のプログラミング、動的コンテンツ生成、非同期プログラミングが含まれます。 1)イベント駆動型プログラミングにより、Webページはユーザー操作に応じて動的に変更できます。 2)動的コンテンツ生成により、条件に応じてページコンテンツを調整できます。 3)非同期プログラミングにより、ユーザーインターフェイスがブロックされないようにします。 JavaScriptは、Webインタラクション、シングルページアプリケーション、サーバー側の開発で広く使用されており、ユーザーエクスペリエンスとクロスプラットフォーム開発の柔軟性を大幅に改善しています。

JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? JavaScriptを使用して、同じIDを持つArray要素を1つのオブジェクトにマージする方法は? Apr 04, 2025 pm 05:09 PM

同じIDを持つ配列要素をJavaScriptの1つのオブジェクトにマージする方法は?データを処理するとき、私たちはしばしば同じIDを持つ必要性に遭遇します...

Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は?
または:
Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか? Shiseidoの公式Webサイトのように、視差スクロールと要素のアニメーション効果を実現する方法は? または: Shiseidoの公式Webサイトのようにスクロールするページを伴うアニメーション効果をどのように実現できますか? Apr 04, 2025 pm 05:36 PM

この記事の視差スクロールと要素のアニメーション効果の実現に関する議論では、Shiseidoの公式ウェブサイト(https://www.shisido.co.co.jp/sb/wonderland/)と同様の達成方法について説明します。

JavaScriptは学ぶのが難しいですか? JavaScriptは学ぶのが難しいですか? Apr 03, 2025 am 12:20 AM

JavaScriptを学ぶことは難しくありませんが、挑戦的です。 1)変数、データ型、関数などの基本概念を理解します。2)非同期プログラミングをマスターし、イベントループを通じて実装します。 3)DOM操作を使用し、非同期リクエストを処理することを約束します。 4)一般的な間違いを避け、デバッグテクニックを使用します。 5)パフォーマンスを最適化し、ベストプラクティスに従ってください。

Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Console.log出力の違い結果:なぜ2つの呼び出しが異なるのですか? Apr 04, 2025 pm 05:12 PM

Console.log出力の違いの根本原因に関する詳細な議論。この記事では、Console.log関数の出力結果の違いをコードの一部で分析し、その背後にある理由を説明します。 �...

フロントエンド開発でVSCodeと同様に、パネルドラッグアンドドロップ調整機能を実装する方法は? フロントエンド開発でVSCodeと同様に、パネルドラッグアンドドロップ調整機能を実装する方法は? Apr 04, 2025 pm 02:06 PM

フロントエンドのVSCodeと同様に、パネルドラッグアンドドロップ調整機能の実装を調べます。フロントエンド開発では、VSCODEと同様のVSCODEを実装する方法...

See all articles