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 仮想マシンの IP アドレスを変更し、ゲートウェイを確認し、ネットワーク環境を構成する方法に関するチュートリアル

仮想マシンの IP アドレスを変更します。 次のインターフェイスに入り、サブネット IP を直接変更...

WeChat 8.0の爆発的な特殊効果を実現するために300行以上のCSSコードが必要

WeChat 8.0 アップデートの主な特徴は、アニメーション絵文字のサポートです。送信するメッセー...

VMware仮想マシンを使用してUbuntu 20.04をインストールする完全なチュートリアル

Ubuntu は比較的人気のある Linux デスクトップ システムです。最近、Ubuntu 20....

MySQLのスリープ関数の特殊現象例の詳しい説明

序文MySQL のスリープ システム機能は、実用的な適用シナリオが少なく、通常は実験的なテストに使用...

ViteでReactプロジェクトを構築する方法

目次序文Viteプロジェクトを作成する改修プロジェクトディレクトリの規則その他の構成序文毎日鳩、火ば...

MySQL 8.0 でのチェック制約の実装

みなさんこんにちは。私は技術の話ばかりして髪を切らない先生のトニーです。今回はMySQL 8.0で追...

MySql 5.7.21 無料インストール バージョンの構成方法 (Win10 の場合)

1.インストールしたい場所に解凍し、my.iniファイルを作成します。 my.iniの内容は次のと...

シンプルなビデオ連射機能を実装する JavaScript CSS3

この記事では、最も単純なビデオ連射機能をシミュレートするデモを作成します。アイデア:再生する動画と同...

JSONP クロスドメインシミュレーション Baidu 検索

目次1. JSONPとは何か2. JSONPクロスドメインリクエスト3. Baidu検索をシミュレー...

ドラッグフォトウォールを実現するネイティブJS

この記事では、ネイティブ JS で実装されたドラッグ可能な写真ウォールを紹介します。効果は次のとおり...

Vueでスワイパープラグインを使用する際の問題を解決する

デモを作成するときにこのプラグインを使用していくつか問題が発生したため、プラグインの使用方法といくつ...

ショッピングカートのスライド削除効果を実装するReactネイティブサンプルコード

基本的にすべてのeコマースプロジェクトにはショッピングカートの機能があります。これはreact-na...

xshellリモート接続の自動切断の問題の解決方法の詳細な説明

xshell を使用したリモート接続システムの自動切断の問題の解決策: 1. サーバー構成サーバーは...

HTMLリンクを書くときは、HTTPリクエストを減らすためにサブフォルダに必ずスラッシュを追加してください。

サブフォルダーの末尾にスラッシュがない場合、2 つの HTTP リクエストが生成され、効率に影響しま...

jsはショッピングウェブサイトの商品の拡大鏡効果を実現します

この記事では、ショッピングサイトの商品の拡大鏡効果を実現するためのjsの具体的なコードを紹介します。...