JS正規RegExpオブジェクトについての簡単な説明

JS正規RegExpオブジェクトについての簡単な説明

1. RegExpオブジェクト

  • 正規表現は文字パターンを記述するオブジェクトです。
  • 正規表現は、文字列パターンを一致させ、検索と置換を実行するために使用されます。文字列に対してパターン マッチングを実行するための強力なツールです。
  • 参照: w3cschool | JavaScript RegExp オブジェクト

2. 文法

2.1 定義

コンストラクタを使用して正規表現オブジェクトを作成する場合、通常の文字エスケープルールが必要です(バックスラッシュ\を前に付けます)

/* たとえば、次の 2 つの定義は同等です */

// コンストラクターメソッド const reg = new RegExp("\\w+");
// リテラルメソッド const reg = /\w+/;

2.2 修飾子

大文字と小文字を区別してグローバルにマッチングするために使用されます

修飾子説明する
大文字と小文字を区別しない一致を実行します。
グローバル マッチを実行します (最初の一致の後に停止するのではなく、すべての一致を検索します)。
メートル複数行の一致を実行します。

    /* 栗*/
定数reg = /\w/gi

2.3 角括弧

範囲内の文字を検索するために使用されます:

表現説明する
[abc]角括弧内の任意の文字を検索します。
[^abc]角括弧で囲まれていない文字を検索します。
[0-9] 0 から 9 までの任意の数字を検索します。
[あず]小文字の a から小文字の z までの任意の文字を検索します。
[AZ]大文字の A から大文字の Z までの任意の文字を検索します。
[アズ]大文字の A から小文字の z までの任意の文字を検索します。
[adgk]指定されたセット内の任意の文字を検索します。
[^adgk]指定されたセット外の文字を検索します。
(赤|青|緑)指定されたオプションのいずれかを検索します。

/* 栗*/
定数reg = /[0-9]/g

2.4 メタ文字

特別な意味を持つ文字です:

メタ文字説明する
改行文字と行末文字を除く単一の文字を検索します。
\w単語の文字を検索します。
\W単語に含まれない文字を検索します。
\d番号を見つけます。
\D数字以外の文字を検索します。
\s空白文字を検索します。
\S空白以外の文字を検索します。
\b単語の境界に一致します。
\B非単語境界に一致します。
\0 NUL 文字を検索します。
\n改行文字を検索します。
\fフォーム フィード文字を検索します。
\r復帰文字を見つけます。
\tタブ文字を見つけます。
\v垂直タブ文字を検索します。
\xxx 8進数xxxで指定された文字を検索します。
\xdd 16進数ddで指定された文字を検索します。
\uxxxx 16 進数 xxxx で指定された Unicode 文字を検索します。

/* 栗*/
const reg = /\d/g // 数字に一致

2.5 量指定子

特別な意味を持つ文字です:

数量詞説明する
n+少なくとも 1 つの n を含む任意の文字列に一致します。
いいえ* n が 0 回以上含まれる任意の文字列に一致します。
ん? 0 個または 1 個の n を含む任意の文字列に一致します。
ネ{X} X n のシーケンスを含む文字列に一致します。
n{X,Y} X から Y までの n のシーケンスを含む文字列に一致します。
n{X,}少なくとも X 個の n のシーケンスを含む文字列と一致します。
n$ n で終わる任意の文字列に一致します。
^n n で始まる任意の文字列に一致します。
?=n指定された文字列 n の直後に続く任意の文字列と一致します。
?!n指定された文字列 n の直後に続かない任意の文字列に一致します。

/* 栗*/
const reg = /\d+/g // 少なくとも1つの数字に一致します

2.6 方法

特別な意味を持つ文字です:

方法説明するFF IE
コンパイル正規表現をコンパイルします。 1 4
実行者文字列で指定された値を取得します。見つかった値を返して、その位置を識別します。 1 4
テスト文字列で指定された値を取得します。 true または false を返します。 1 4

方法説明するFF IE
検索正規表現に一致する値を取得します。 1 4
マッチ正規表現に一致する 1 つ以上の文字列を検索します。 1 4
交換する正規表現に一致する部分文字列を置き換えます。 1 4
スプリット文字列を文字列の配列に分割します。 1 4

/* 栗*/
var patt = /Hello/g
var result = patt.test(str) // 文字列Helloを検索 -> true

JS 正規表現 RegExp オブジェクトに関するこの記事はこれで終わりです。JS 正規表現 RegExp オブジェクトに関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • JS 正規表現における RegExp オブジェクトと括弧の使用に関する簡単な説明
  • JavaScript 正規表現 RegExp オブジェクトの詳細な説明
  • JS 正規表現の RegExp オブジェクト
  • js 正規表現の説明インデックス属性 (RegExp オブジェクト)
  • js 正規表現入力属性 ($_) RegExp オブジェクト属性の紹介
  • js 正規表現 RegExp オブジェクト属性 lastIndex、lastMatch、lastParen、lastContext、rightContext 属性の説明
  • JavaScript RegExp オブジェクト (正規表現)

<<:  CSSでカスタムフォント(font-face)を導入する方法の詳細な説明

>>:  ハイパーリンクアイコンの仕様: 記事の読みやすさを向上

推薦する

Python3.6-MySql 挿入ファイルパス、バックスラッシュをなくす解決策

以下のように表示されます。上記のように、置き換えるだけです。 Python3.6-MySql でファ...

CSS を使用してプログレスバーと順序プログレスバーを実装する例

この半月、期末試験の準備にかなりのエネルギーを費やしました。今日はしっかり復習するべきだったのですが...

jsはフォーム検証機能を実装します

この記事の例では、フォーム検証機能を実装するためのjsの具体的なコードを参考までに共有しています。具...

CSS3はNESゲームコンソールのサンプルコードを実装します

成果を達成する実装コードhtml <input type="radio" ...

Linux CentOS MySQL データベースのインストールと設定のチュートリアル

MySQLデータベースのインストールに関するメモ、みんなで共有a) MySQL ソースインストールパ...

CentOS 7 に MySQL 8.0.20 データベースをインストールするための詳細なチュートリアル

関連記事: MySQL8.0.20 インストール チュートリアルとインストールの問題に関する詳細なチ...

広告を閉じる効果を実現するJavascript

参考までに、Javascript を使用して広告を閉じる方法に関するケース スタディを示します。詳細...

Rabbitmq heartbea ハートビート検出メカニズムの原理の分析

序文RabbitMQ を使用する場合、一定期間クライアントと RabbitMQ サーバーの間でトラフ...

VMware15/16 VMwareのロックを解除してMacOSをインストールする詳細な手順

VMware バージョン: VMware-workstation-full-16 VMware バー...

CSSでできるならJavaScriptは使わない

序文JavaScript で記述できるアプリケーションは、最終的には JavaScript で記述さ...

mysql5.6 の無効な utf8 設定の問題を解決する

mysql5.6 のグリーン バージョンを解凍すると、my-default.ini ファイルが作成さ...

Zabbixのカスタム監視項目とトリガーについて

目次1. 監視ポート関係の説明操作する2. 監視サービス関係の説明操作する3. テンプレートのインポ...

フォームのmethod=post/getの違い

フォームは、get と post の 2 つのデータ転送方法を提供します。どちらもデータを送信する方...

React + Threejs + Swiper パノラマ効果を実現するための完全なコード

パノラマビュー効果を見てみましょう: 住所を表示スクリーンショット: 体験してみると、周囲の環境がぐ...