目次
ユーザー入力文字列の正規表現への変換
ホームページ ウェブフロントエンド jsチュートリアル ユーザー入力文字列を JavaScript で有効な正規表現に変換するにはどうすればよいですか?

ユーザー入力文字列を JavaScript で有効な正規表現に変換するにはどうすればよいですか?

Oct 30, 2024 am 12:39 AM

How to Convert User Input Strings into Valid Regular Expressions in JavaScript?

ユーザー入力文字列の正規表現への変換

正規表現テスターを設計する場合、ユーザー入力を取得して有効な正規表現に変換することが課題となる場合があります。ユーザーが入力を // 区切り文字で囲む必要がない場合、g や i などのフラグを指定できません。ただし、式の前後に // を含めると、文字列を正規表現に変換するという別の障害が発生します。

RegExp コンストラクターを使用した解決策:

解決策は、次のことを利用することにあります。 RegExp オブジェクト コンストラクター。正規表現文字列と任意のフラグの両方を渡すことで、正規表現を直接作成できます。

<code class="javascript">var re = new RegExp("a|b", "i");</code>
ログイン後にコピー

これは、省略表記と同等です。

<code class="javascript">var re = /a|b/i;</code>
ログイン後にコピー

このアプローチにより、次のことが可能になります。ユーザー入力を文字列として受け入れ、それを変数に抽出し、適切なフラグを使用して正規表現を構築するために使用します。文字列やフラグを解析する必要はなく、RegExp コンストラクターの柔軟性を維持できます。

実装例:

HTML コードでは、次のことができます。ユーザーに正規表現 (// 区切り文字を含む) の入力を求め、それを変数に保存します:

<code class="html">&lt;input type=&quot;text&quot; id=&quot;regex&quot;&gt;</code>
ログイン後にコピー

ボタンをクリックしたときの JavaScript コード:

<code class="javascript">var regexInput = document.getElementById('regex').value;

var re = new RegExp(regexInput);

// Use the re variable for your regular expression operations</code>
ログイン後にコピー

このコード// 区切り文字を含むユーザーの入力を受け入れ、提供された構文を使用して正規表現に変換します。

以上がユーザー入力文字列を JavaScript で有効な正規表現に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

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

SublimeText3 中国語版

SublimeText3 中国語版

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

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

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

JavaScriptの文字列文字を交換します JavaScriptの文字列文字を交換します Mar 11, 2025 am 12:07 AM

JavaScriptの文字列文字を交換します

jQuery日付が有効かどうかを確認します jQuery日付が有効かどうかを確認します Mar 01, 2025 am 08:51 AM

jQuery日付が有効かどうかを確認します

jQueryは要素のパディング/マージンを取得します jQueryは要素のパディング/マージンを取得します Mar 01, 2025 am 08:53 AM

jQueryは要素のパディング/マージンを取得します

10 jQuery Accordionsタブ 10 jQuery Accordionsタブ Mar 01, 2025 am 01:34 AM

10 jQuery Accordionsタブ

10 jqueryプラグインをチェックする価値があります 10 jqueryプラグインをチェックする価値があります Mar 01, 2025 am 01:29 AM

10 jqueryプラグインをチェックする価値があります

ノードとHTTPコンソールを使用したHTTPデバッグ ノードとHTTPコンソールを使用したHTTPデバッグ Mar 01, 2025 am 01:37 AM

ノードとHTTPコンソールを使用したHTTPデバッグ

jQueryはscrollbarをdivに追加します jQueryはscrollbarをdivに追加します Mar 01, 2025 am 01:30 AM

jQueryはscrollbarをdivに追加します

カスタムGoogle検索APIセットアップチュートリアル カスタムGoogle検索APIセットアップチュートリアル Mar 04, 2025 am 01:06 AM

カスタムGoogle検索APIセットアップチュートリアル

See all articles