目次
JavaScript の正規表現への変数の埋め込み
ホームページ ウェブフロントエンド jsチュートリアル JavaScript の正規表現に変数を埋め込むにはどうすればよいですか?

JavaScript の正規表現に変数を埋め込むにはどうすればよいですか?

Nov 09, 2024 am 06:34 AM

How to Embed Variables in Regular Expressions in JavaScript?

JavaScript の正規表現への変数の埋め込み

正規表現 (regex) は、パターン マッチングとテキスト操作のための JavaScript の重要なツールです。場合によっては、正規表現パターン内に変数を組み込んで、一致基準を動的に調整することが必要になることがあります。ただし、正規表現リテラル内の文字列と変数を連結するという単純なアプローチ (/ReGeX testVar ReGeX/ など) は機能しません。

これを解決するために、RegExp コンストラクターは洗練されたソリューションを提供します。新しい RegExp インスタンスを作成し、テンプレート文字列 (ES6) または文字列連結 (ES6 以前) を使用することで、パターン内に変数を動的に埋め込むことができます。

// ES6: Using a template string
const regex = new RegExp(`ReGeX${testVar}ReGeX`);

// Pre-ES6: Using string concatenation
var regex = new RegExp("ReGeX" + testVar + "ReGeX");
ログイン後にコピー

これにより、変数の値が確実に一部になります。正規表現パターンの。次に、この正規表現オブジェクトを使用してパターン マッチングと置換を実行できます。

string.replace(regex, "replacement");
ログイン後にコピー

変数に悪意のあるコンテンツ (ユーザー入力など) が含まれる可能性がある場合は、変数に埋め込む前にそれをエスケープすることが重要であることに注意してください。正規表現パターンを使用してインジェクション攻撃を防ぎます。

結論として、テンプレート文字列または文字列連結で RegExp コンストラクターを利用すると、変数を正規表現にシームレスに組み込むことができ、柔軟性と動的な適用性が向上します。

以上が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:53 AM

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

jQuery日付が有効かどうかを確認します jQuery日付が有効かどうかを確認します Mar 01, 2025 am 08:51 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デバッグ

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

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

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

jQueryはscrollbarをdivに追加します

See all articles