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

JavaScript正規表現のreplace()で特殊文字を置き換える方法を解説

JavaScriptで文字列に含まれる特殊文字(&やカンマなど)を削除・置き換えしたい場合、正規表現と組み合わせた replace() メソッドを使うのが最もシンプルで効率的な方法です。

この記事では、文字列の先頭にある「&」と、文字列内のすべてのカンマ「,」を一括で除去する具体例を紹介します。

基本構文

正規表現を使った replace() の基本的な書式は以下のとおりです。

anyVariableName.replace(/(^\anySymbol)|,/g, '');

このパターンを分解して見てみましょう。

  • (^\&) … 文字列の先頭(^)にある「&」にマッチします。
  • |, … または(|)、任意の位置にあるカンマ「,」にマッチします。
  • /g フラグ … グローバル検索を意味し、文字列全体から該当するすべての文字を置換対象にします。

サンプルコード

以下は、「&677,431,444,98777」という文字列から先頭の「&」とすべてのカンマを取り除く例です。

var values = '&677,431,444,98777';
var result = values.replace(/(^\&)|,/g, '');
console.log(result);

このプログラムを実行するには、Node.jsがインストールされた環境で、次のコマンドを使用します。ファイル名は適宜ご自身の環境に合わせて変更してください。

node fileName.js

ここでは、ファイル名を demo319.js として保存したものとして実行します。

実行結果

上記のコードを実行すると、コンソールに以下のような出力が表示されます。

PS C:\Users\Amit\javascript-code> node demo319.js
67743144498777

先頭の「&」とすべてのカンマが取り除かれ、数字のみの文字列「67743144498777」が出力されました。

応用ポイント

この手法は、他の特殊文字にも簡単に応用できます。例えば、先頭の「$」や「#」を除去したい場合は、正規表現の該当部分を /(^\$)|,/g/(^\#)|,/g のように変更するだけです。また、複数の特殊文字をまとめて除去したい場合は、文字クラス [&$#] を使うことでコードをより簡潔にできます。

  1. JavaScriptのエスケープ文字とは?特殊文字のエスケープ方法と一覧を解説

    エスケープ文字とは?エスケープ文字とは、プログラム上で本来意図した意味とは別の特別な意味に解釈されてしまう文字のことです。たとえば、ダブルクォートやシングルクォート、改行コードなどが該当します。こうした文字を「そのままの文字」として扱い、画面に出力したい場合には、直前にバックスラッシュ「\」を付けて記述します。この操作を「エスケープ処理」と呼びます。JavaScriptの主なエスケープ文字一覧コード意味・出力結果\bバックスペース\fフォームフィード\n改行(ニューライン)\rキャリッジリターン\t水平タブ\v垂直タブ\シングルクォート()\ダブルクォート()\\バックスラッシュ(\)バックス

  2. Pythonで正規表現の特殊文字を一括エスケープする方法|re.escape()の使い方

    正規表現の特殊文字をエスケープする必要性Pythonで正規表現を扱う際、文字列に含まれる「*」「(」「)」「?」「.」などの記号は、正規表現のメタ文字(特殊文字)として解釈されてしまいます。検索したい文字列をそのままパターンとして使いたい場合は、これらの特殊文字を事前にエスケープしておく必要があります。re.escape()関数で一括エスケープするPythonでは、標準ライブラリのreモジュールが提供するre.escape()関数を使うことで、文字列内のすべての特殊文字を簡単にエスケープできます。手作業でバックスラッシュを1つずつ付ける必要がなく、ユーザー入力などをそのままパターンとして利用し