ホームページ ウェブフロントエンド jsチュートリアル JavaScript での正規表現の使用に関するヒント

JavaScript での正規表現の使用に関するヒント

Jun 15, 2023 pm 10:44 PM
javascript 正規表現 スキル

正規表現はテキストの照合と取得のための強力なツールであり、Web 開発で広く使用されている言語である JavaScript も豊富な正規表現のサポートを提供します。実際のJavaScript開発においては、正規表現を使いこなすスキルを習得することで、開発効率と精度を大幅に向上させることができます。この記事では、JavaScript 正規表現の一般的な使用テクニックをいくつか紹介します。

1. 正規表現オブジェクトを作成する

JavaScript で正規表現を作成するには、リテラルを使用する方法と RegExp() コンストラクターを使用する方法の 2 つがあります。リテラルは一般的に使用される作成方法であり、その構文は次のとおりです。

var pattern = /正则表达式/;
ログイン後にコピー

このうち、二重スラッシュで囲まれた内容が正規表現パターンです。 RegExp() コンストラクターを使用して正規表現を作成するには、mode と flags の 2 つのパラメーターが必要です。たとえば、

var pattern = new RegExp("正则表达式", "标志");
ログイン後にコピー

の場合、フラグは g、i、m にすることができ、それぞれグローバル マッチング、大文字と小文字を区別しないマッチング、および複数行のマッチングを表します。

2. 一般的に使用される正規表現のマッチング メソッド

JavaScript では、test()、exec()、match() という 3 つの一般的に使用される正規表現のマッチング メソッドがあります。それらの違いは、戻り値のタイプと内容にあります。

  1. test() メソッド: 文字列内のパターンに一致する内容があるかどうかをテストするために使用され、ブール値を返します。例:
var pattern = /hello/;
var str = "hello world";
console.log(pattern.test(str)); // 输出true
ログイン後にコピー
  1. exec() メソッド: 一致文字列、一致の開始位置と終了位置、その他の情報を含む一致結果情報を返すために使用されます。一致しない場合は null が返されます。例:
var pattern = /hello/g;
var str = "hello world hello";
var result;
while ((result = pattern.exec(str)) !== null) {
  console.log("Found " + result[0] + " at position " + result.index);
}
ログイン後にコピー

上記のコードは、見つかった 2 つの hello の場所を出力します。

  1. match() メソッド: 一致する文字列のセットを返すために使用され、一致しない場合は null を返します。例:
var pattern = /hello/g;
var str = "hello world hello";
console.log(str.match(pattern)); // 输出["hello", "hello"]
ログイン後にコピー

match() メソッドは配列を返すため、forEach() メソッドを使用して一致する結果をトラバースできます:

var pattern = /hello/g;
var str = "hello world hello";
var result = str.match(pattern);
result.forEach(function(match) {
  console.log(match);
});
ログイン後にコピー

上記のコードは、 2 つのこんにちはが見つかりました。

3. 正規表現の基本構文と共通記号

正規表現のパターンは、複数のメタキャラクターと通常の文字で構成されます。一般的な正規表現記号の一部を次に示します。

  1. 文字クラス: 角括弧 [] で囲まれており、どの文字でも一致することを示します。たとえば、[abc] は、a、b、c のいずれかの文字と一致することを意味します。
  2. 任意の文字と一致: ピリオドを使用します。これは、改行文字を除く任意の文字と一致できることを意味します。
  3. 繰り返し記号: 前の文字または文字セットが出現する回数を指定するために使用されます。たとえば、a は 1 つ以上の a と一致します。
  4. 境界一致記号: ^ は始まるものを意味し、$ は終わるものを意味します。
  5. 貪欲な量指定子シンボル: 繰り返しシンボルの後に使用されますか?貪欲でない一致を表します。たとえば、 1 つ以上の a と一致するが、可能な限り少数の文字と一致することを示します。
  6. Set: 範囲を指定するために使用されます。たとえば、[0-9] は 0 から 9 までの任意の数値と一致します。

上記は、基本的な正規表現記号の一部です。JavaScript の正規表現では、多くの高度な構文もサポートされています。詳細については、関連ドキュメントを参照してください。

4. 正規表現を使用して文字列の置換と分割を実装する

JavaScript では、文字列の置換と分割の操作に正規表現を使用できます。

  1. 文字列置換: replace() メソッドを使用して、文字列の一致する部分を指定した文字または文字列に置き換えます。
var str = "JavaScript Regular Expression";
var pattern = /JavaScript/g;
var result = str.replace(pattern, "JS");
console.log(result); // 输出JS Regular Expression
ログイン後にコピー
  1. 文字列の分割: 指定された区切り文字に従って文字列を複数の文字列に分割し、配列を返すには、split() メソッドを使用します。
var str = "JavaScript,Regular,Expression";
var pattern = /[, ]+/; // 匹配逗号或空格
var result = str.split(pattern);
console.log(result); // 输出["JavaScript", "Regular", "Expression"]
ログイン後にコピー

上記のコードは、正規表現を使用して文字列をカンマまたはスペースで複数の文字列に分割し、配列を返します。

5. 結論

この記事の冒頭からわかるように、正規表現を使用して JavaScript で文字列の一致、置換、セグメント化などの基本的な操作を実行するのは非常に簡単ですが、正規表現の基本的な構文と一般的な記号も習得する必要があります。正規表現を使用すると、JavaScript 開発の効率が大幅に向上し、コード量が削減され、開発の難易度が軽減されるため、正規表現をマスターすることは非常に重要です。

以上がJavaScript での正規表現の使用に関するヒントの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Win11 ヒントの共有: ワン トリックで Microsoft アカウントのログインをスキップする Win11 ヒントの共有: ワン トリックで Microsoft アカウントのログインをスキップする Mar 27, 2024 pm 02:57 PM

Win11 のヒントの共有: Microsoft アカウントのログインをスキップする 1 つのトリック Windows 11 は、新しいデザイン スタイルと多くの実用的な機能を備えた、Microsoft によって発売された最新のオペレーティング システムです。ただし、一部のユーザーにとっては、システムを起動するたびに Microsoft アカウントにログインしなければならないのが少し煩わしい場合があります。あなたがそのような人であれば、次のヒントを試してみるとよいでしょう。これにより、Microsoft アカウントでのログインをスキップして、デスクトップ インターフェイスに直接入ることができるようになります。まず、Microsoft アカウントの代わりにログインするためのローカル アカウントをシステムに作成する必要があります。これを行う利点は、

PHP 正規表現の検証: 数値形式の検出 PHP 正規表現の検証: 数値形式の検出 Mar 21, 2024 am 09:45 AM

PHP 正規表現の検証: 数値形式の検出 PHP プログラムを作成する場合、ユーザーが入力したデータを検証する必要がよくあります。一般的な検証の 1 つは、データが指定された数値形式に準拠しているかどうかを確認することです。 PHP では、正規表現を使用してこの種の検証を行うことができます。この記事では、PHP 正規表現を使用して数値形式を検証する方法を紹介し、具体的なコード例を示します。まず、一般的な数値形式の検証要件を見てみましょう。 整数: 0 ~ 9 の数字のみが含まれ、プラスまたはマイナス記号で始めることができ、小数点は含まれません。浮動小数点

初心者がフォームを作成するためのヒントは何ですか? 初心者がフォームを作成するためのヒントは何ですか? Mar 21, 2024 am 09:11 AM

私たちは Excel で表を作成したり編集したりすることがよくありますが、ソフトウェアに触れたばかりの初心者にとって、Excel を使用して表を作成する方法は私たちほど簡単ではありません。以下では、初心者、つまり初心者がマスターする必要があるテーブル作成のいくつかの手順について演習を行います。初心者向けのサンプルフォームを以下に示します。入力方法を見てみましょう。 1. Excel ドキュメントを新規作成するには 2 つの方法があります。 [デスクトップ]-[新規作成]-[xls]ファイル上の何もない場所でマウスを右クリックします。 [スタート]-[すべてのプログラム]-[Microsoft Office]-[Microsoft Excel 20**] を実行することもできます。 2. 新しい ex ファイルをダブルクリックします。

ベテラン必携:C言語の*と&のヒントと注意点 ベテラン必携:C言語の*と&のヒントと注意点 Apr 04, 2024 am 08:21 AM

C 言語では、他の変数のアドレスを格納するポインタを表し、& は変数のメモリ アドレスを返すアドレス演算子を表します。ポインタの使用に関するヒントには、ポインタの定義、ポインタの逆参照、ポインタが有効なアドレスを指していることの確認が含まれます。アドレス演算子の使用に関するヒントには、変数アドレスの取得、配列要素のアドレスを取得するときに配列の最初の要素のアドレスを返すことなどが含まれます。 。ポインター演算子とアドレス演算子を使用して文字列を反転する実際の例。

正規表現を使用して Golang でメールアドレスを検証するにはどうすればよいですか? 正規表現を使用して Golang でメールアドレスを検証するにはどうすればよいですか? May 31, 2024 pm 01:04 PM

正規表現を使用して Golang で電子メール アドレスを検証するには、次の手順に従います。 regexp.MustCompile を使用して、有効な電子メール アドレス形式と一致する正規表現パターンを作成します。 MatchString 関数を使用して、文字列がパターンと一致するかどうかを確認します。このパターンは、次のようなほとんどの有効な電子メール アドレス形式をカバーします。 ローカル ユーザー名には文字、数字、および特殊文字を含めることができます: !.#$%&'*+/=?^_{|}~-` ドメイン名には少なくとも次の文字が含まれている必要があります。 1 文字の後に文字、数字、またはハイフンを続けます。トップレベル ドメイン (TLD) は 63 文字を超えることはできません。

Go で正規表現を使用してタイムスタンプを照合するにはどうすればよいですか? Go で正規表現を使用してタイムスタンプを照合するにはどうすればよいですか? Jun 02, 2024 am 09:00 AM

Go では、正規表現を使用してタイムスタンプを照合できます。ISO8601 タイムスタンプの照合に使用されるような正規表現文字列をコンパイルします。 ^\d{4}-\d{2}-\d{2}T \d{ 2}:\d{2}:\d{2}(\.\d+)?(Z|[+-][0-9]{2}:[0-9]{2})$ 。 regexp.MatchString 関数を使用して、文字列が正規表現と一致するかどうかを確認します。

VSCode 入門ガイド: 初心者が使い方のスキルをすぐにマスターするための必読の書です。 VSCode 入門ガイド: 初心者が使い方のスキルをすぐにマスターするための必読の書です。 Mar 26, 2024 am 08:21 AM

VSCode (Visual Studio Code) は、Microsoft によって開発されたオープン ソース コード エディターであり、強力な機能と豊富なプラグイン サポートを備えており、開発者にとって推奨されるツールの 1 つです。この記事では、初心者が VSCode の使用スキルをすぐに習得できるようにするための入門ガイドを提供します。この記事では、VSCode のインストール方法、基本的な編集操作、ショートカット キー、プラグインのインストールなどを紹介し、具体的なコード例を読者に提供します。 1. まず VSCode をインストールします。

Win11 の裏技が明らかに: Microsoft アカウントのログインをバイパスする方法 Win11 の裏技が明らかに: Microsoft アカウントのログインをバイパスする方法 Mar 27, 2024 pm 07:57 PM

Win11 のトリックが明らかに: Microsoft アカウントのログインをバイパスする方法 最近、Microsoft は新しいオペレーティング システム Windows11 を発表し、広く注目を集めています。以前のバージョンと比較して、Windows 11 はインターフェイスのデザインや機能の改善の点で多くの新しい調整を加えましたが、いくつかの議論も引き起こしました. 最も目を引く点は、ユーザーが Microsoft アカウントでシステムにログインすることを強制することです。ユーザーによっては、ローカル アカウントでログインすることに慣れており、個人情報を Microsoft アカウントにバインドすることに抵抗がある場合があります。

See all articles