JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで正規表現の使い方を簡単にする方法：修飾子（フラグ）の活用

JavaScriptで正規表現の使用を簡略化したい場合は、修飾子（フラグ）を活用しましょう。修飾子を使うことで、複数行にまたがる検索や、大文字と小文字を区別しない検索などが簡単に実現できます。

主な修飾子の一覧

JavaScriptの正規表現でよく使われる修飾子は以下のとおりです。

番号修飾子と説明
1i
大文字と小文字を区別せずにマッチングを行います。
2m
文字列に改行（LF）や復帰（CR）が含まれる場合、^ と $ が文字列全体の先頭・末尾ではなく、各行（改行の境界）の先頭・末尾にマッチするようになります。
3g
グローバルマッチを実行します。最初の一致で停止せず、文字列内のすべての一致を検索します。

使用例

例えば、大文字と小文字を区別せずに「hello」という文字列をすべて検索したい場合は、次のように記述します。

const str = "Hello world, HELLO JavaScript";
const regex = /hello/gi;
const result = str.match(regex);

console.log(result); // ["Hello", "HELLO"]

このように修飾子を組み合わせることで、複雑な条件のテキスト検索もシンプルかつ効率的に記述できます。用途に応じて i・m・g を適切に使い分けましょう。

  1. JavaScriptでテキストをクリップボードにコピーする方法【サンプルコード付きで解説】

    JavaScriptでテキストをクリップボードにコピーするには？ Webアプリや管理画面などで、「コピー」ボタンをワンクリックするだけでテキストをクリップボードにコピーできれば、ユーザー体験は大きく向上します。JavaScriptを使えば、この機能はごくシンプルなコードで実装できます。 本記事では、document.execCommand(copy) を使った定番の実装方法を、実際に動作するサンプルコードとともにわかりやすく解説します。 サンプルコード 以下は、入力フィールド内のテキストをボタン一つでクリップボードにコピーする完全なHTMLの例です。 <!DOCTYPE html>

  2. JavaScriptで正規表現のマッチ結果をループ処理する方法

    はじめにJavaScriptでは、match()メソッドとグローバルフラグ（/g）を組み合わせることで、文字列内のすべての正規表現マッチ結果を取得し、それらをループ処理することができます。本記事では、実際のコード例を通じてその実装方法を解説します。コード例以下は、JavaScriptで正規表現のマッチ結果をループ処理するサンプルコードです。この例では、文章の中で「at」で終わる単語をすべて検索しています。<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8