この投稿では、JavaScript の RegExp における '\d' メタ文字の動作について説明します。
JavaScript の RegExp で 'd' メタ文字は何をしますか?
「 \d 」 メタ文字は、単一の数値で機能します。複数桁の場合は、1桁ごとに照合し、カンマ「,」で区切られた値全体を自動表示します。
構文(基本)
/ \d /
上記の構文では:
- /(スラッシュ) : 正規表現の境界を指定し、/[\d]/ と同等です。
- \(バックスラッシュ) : バックスラッシュをエスケープし、次に言及された文字をメタ文字として扱います。
- d :「」からの数字に一致 0-9 」。
構文(修飾子あり)
/ \d / [ g 、 私 、 メートル ] また 新しい 正規表現 ( ' \\ d」 、 '[g,i,m' )
上記の構文では、次のようになります。
- g(グローバル) : グローバルに検索し、すべての一致を見つけます。最初の試合の後、それは止まりません。
- i (大文字と小文字を区別) : 大文字と小文字の区別を無視します。
- m(複数) : 複数行検索を指定し、「^(文字列の先頭)」と「$(文字列の末尾)」でのみ制限されます。
構文 (RegExp() コンストラクターを使用)
「\d」メタ文字は、「RegExp()」コンストラクターを使用して RegExp オブジェクトとして使用することもできます。
新しい 正規表現 ( ' \\ d」 )
この構文では:
- 新しい : コンストラクター関数からオブジェクトを作成する演算子またはキーワードを表します。
- 正規表現() : 「」をサポートするコンストラクターを示します。 \\d 」 最初のパラメーター/引数の形式のメタ文字。
例 1: 修飾子構文 (/\d/g) に基づいて文字列から数字を検索するための「d」メタキャラクタの適用
この例では、「 /\d ” メタ文字は “ g(グローバル) 」修飾子を使用して、文字列の数字と一致させます。
HTML コード
次の HTML コードの概要を見てみましょう。
< p > 弦 : Linuxhint12345 p >
< ボタン ondblclick = '探す()' > ダブルクリック ボタン >
< ピッド ID = '検索' > p >
上記の HTML コードでは:
- 「 」タグは、最初の小見出しを定義するために指定されます。
- 「 」タグは、文字列を表示する段落を作成します。
- 「 <ボタン> ” タグは、” を持つボタンを作成します。 ondblclick 「関数にリダイレクトするイベント」 探す() 」ボタンをダブルクリックするとトリガーされます。
- その後、「 ” は、ID が割り当てられた 2 番目の空の段落を示します “ 検索 」を押して、検索した数字を表示します。
JavaScript コード
それでは、JavaScript コードに移りましょう。
関数 探す ( ) {
だった 力 = 「Linuxhint12345」 ;
だった パターン = /\d/g ;
だった 結果 = 力。 マッチ ( パターン ) ;
書類。 getElementById ( '検索' ) . インナーHTML = 結果 ;
}
脚本 >
上記の JavaScript コードでは:
- 「」という名前の関数を定義します 探す() 」。
- その定義では、数字を含む指定された文字列変数を初期化します。
- 次のステップでは、変数「 パターン ” はメタ文字の構文を定義します “ \d 」に「」を追加 g 」 グローバル検索フラグ/修飾子を使用して、初期化された文字列からグローバルに数字を検索します。
- 今、「 マッチ() 」 議論されたメタキャラクターの助けを借りて、文字列から数字を一致させる方法。
- 最後に、「 document.getElementById() ” メソッドは ID を介して段落にアクセスします “ 検索 」を押して、検索した数字を追加して表示します。
出力
出力には、検索された「 数字 」 ボタンをダブルクリックすると、提供された文字列からそれに応じて。
例 2: 「d」メタ文字を適用して、「RegExp() コンストラクター」構文に基づいて文字列から数字を検索する
「 new RegExp(“\\W”, “g”) 」構文を利用して数字を見つけることもできます。 「/\d\g」構文と同じ出力を返します。 JavaScript コードでどのように使用できるか見てみましょう。
ノート : HTML コードは例 1 と同じです。
JavaScript コード
次の JavaScript コードの概要を見てみましょう。
関数 探す ( ) {
だった 力 = 「Linuxhint12345」 ;
だった パターン = 新しい 正規表現 ( ' \\ d」 、 「グ」 ) ;
だった 結果 = 力。 マッチ ( パターン ) ;
書類。 getElementById ( '検索' ) . インナーHTML = 結果 ;
}
脚本 >
上記のコード行では、「 パターン 」変数は、「new RegExp(“\\d”, “g”)」構文を指定して、ボタンのダブルクリック時にグローバルに初期化された文字列から数字を検索して返します。
出力
分析すると、この場合も結果は同じです。
結論
JavaScript では、組み込みの「 \d ” メタ文字は、” の間の数字を見つけるのに役立ちます。 0-9 」。デフォルトでは、文字列全体からの検索を完了することなく、最初の数字の一致で停止します。この目的のために、「 g(グローバル) 」修飾子を一緒に使用して、検索を適切に完了することができます。このブログでは、JavaScript の RegExp における「d」メタ文字の詳細なデモを提供しました。