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)を導入する方法の詳細な説明

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

推薦する

Docker nginx + https サブドメイン設定の詳細なチュートリアル

今日はたまたま友人のサーバーの移転を手伝うことになり、サーバーの基本的な設備の設定を行ったのですが、...

MAC で MySQL の初期パスワードを変更する方法

問題の説明: Macを購入し、初めてMySQLをインストールしました。初期パスワードが分かりません。...

トークン生成と検証を実装するミニプログラム

目次プロセスデモミニプログラムバックエンドインターフェースプロセス各リクエストインターフェースは検証...

レイアウトサイズを変更するために左右にドラッグする純粋なCSS

ブラウザの非overflow:auto要素resize伸縮機能を利用して、JavaScript を使...

MySQLデュアルマスター(マスターマスター)アーキテクチャ構成ソリューション

企業では、データベースの高可用性は常に最優先事項です。多くの中小企業は、MySQL マスター スレー...

MySQL の計画タスクとイベント スケジュール例の分析

この記事では、例を使用して、MySQL の計画されたタスクとイベントのスケジュールについて説明します...

CSS ブラウザ互換性の問題に対する 4 つの解決策

フロントエンドは、技術が急速に進化するだけでなく、知っておくべき事柄が多すぎるという理由で大変な仕事...

LinuxでHomebrewを使用する正しい方法

多くの人が Linux Homebrew を使用しています。これをより良く使用するための 3 つのヒ...

GolangでMySQLデータベースのバックアップを実装する方法

背景Navicat は、最高の MySQL 視覚化ツールです。ただし、ビューのインポートとエクスポー...

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

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

HTML印刷関連の操作と実装の詳細な説明

原則的にはwindow.print()メソッドを呼び出すことですが、このメソッドは現在のページ全体を...

HTML で色を表すには、6 桁の 16 進コード、RGB、またはキーワードを使用します。

HTML で色を表す方法は 3 つありますが、最もよく使われるのは 6 桁の 16 進コード表現です...

Vue elementUI フォームのネストされたテーブルと各行の検証の詳細な説明

目次エフェクト表示コードリンクキーコード表形式データコンポーネントのネスト検証方法リセット方法完全な...

Python の MySQL データベース LIKE 演算子の詳細な説明

LIKE 演算子は、列内の指定されたパターンを検索するため、WHERE 句で使用されます。文法: 列...

Nginx の書き換え正規マッチング書き換え方法の例

Nginx の書き換え機能は、リダイレクトと同様に、URL アドレスを一時的または永続的に新しい場所...