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

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

推薦する

Linux周辺ファイルシステムのカスタマイズ方法

序文一般的に、Linux システムについて話すときは、Linux カーネルと GNU プロジェクトに...

Vueコンポーネント化の基本的な使用方法の詳細

目次1. コンポーネント化とは何ですか? 2. 基本的な使い方序文:場合によっては、HTML 構造化...

nginxで静的リソースを公開する方法

ステップ準備した静的リソースファイルを指定されたフォルダに配置しますnginx 設定ファイルを変更す...

Apache FlinkCEP でタイムアウトステータス監視を実装するための詳細な手順

CEP - 複合イベント処理。ご注文後、一定期間内にお支払いの確認が取れませんでした。タクシーの配...

三角形を描画するための CSS 実装コード (border メソッド)

1. 単純な三角形を実装するCSS ボックス モデルの境界線を使用すると、次のような三角形を実現で...

数字当てゲームを実装するための純粋なJavaScript

100 以内の自然数をランダムに選択し、プレイヤーに 10 ラウンド以内にその数を推測させる数字推...

MySQLはbinlogを通じてデータを復元する

目次MySQL ログファイルバイナリログBinlogログがオンになっていますログ記録を有効にする方法...

Web コンテンツ ページを作成するための 9 つの実用的なヒント

コンテンツ1. 読者に留まる理由を与える。ウェブページを面白く魅力的なものにしましょう。しかし、まず...

スケルトンスクリーン効果を実現する CSS

ネットワーク データを読み込むときは、ユーザー エクスペリエンスを向上させるために、通常は円形の読み...

Linux で最も頻繁に使用されるターミナル コマンドのトップ 10 のリストを取得します。

私が最も頻繁に使用するコマンドは次の通りです:選択肢CDギットls ssh須藤数週間前、私はこの R...

MySQLが大量のデータを処理する際にクエリ速度を最適化するいくつかの方法

実際に参加したプロジェクトでは、MySQL テーブルのデータ量が数百万に達すると、通常の SQL ク...

MySQL アーキテクチャのナレッジポイントの概要

1. データベースとデータベースインスタンスMySQL の研究では、データベースとデータベース イン...

MySQLデータベースでスロークエリログを有効にする方法の詳細な説明

データベースはスロークエリログを有効にします設定ファイルを変更する設定ファイルmy.iniに次の2つ...

vue3 watch と watchEffect の使い方と違い

1.リスナーを見る時計のご紹介 'vue' から { ref, reactive, ...

TypeScript におけるジェネリックケースの詳細な説明

ジェネリックの定義 // 要件 1: ジェネリックは指定されていないデータ型をサポートできるため、渡...