JavaScriptで特殊文字を分離する方法：match()と正規表現の使い方

はじめに

文字列の中に含まれる特殊文字（記号）を分離したい場合、JavaScriptのmatch()メソッドと正規表現を組み合わせることで簡単に実現できます。本記事では、配列内の文字列から特殊文字を切り分ける方法を、具体的なコード例と実行結果とともに解説します。

match()と正規表現を使った分離の基本構文

特殊文字を分離するには、正規表現とmatch()メソッドを併用します。基本的な構文は以下の通りです。

yourStringName.flatMap(anyVariableName => yourVariableName.match(/\w+|\W+/g));

ここで使用している正規表現/\w+|\W+/gの意味は次の通りです。

• \w+：英数字およびアンダースコア（_）の連続にマッチ
• \W+：上記以外の文字、つまり特殊文字や記号の連続にマッチ
• gフラグ：文字列全体から繰り返しマッチングを行う

さらにflatMap()を組み合わせることで、配列の各要素に対してマッチ結果を取得し、それらを一つの平坦な配列にまとめられます。

サンプルデータの準備

今回は、値の間に特殊文字が含まれる以下の配列を例にします。

var allNames = ['John-Smith', 'David', 'Carol%Taylor'];

この配列には「-」（ハイフン）や「%」（パーセント記号）といった特殊文字が含まれています。これらを通常の文字列部分と分離して出力するのが目的です。

コード例

実際にテキストと特殊文字を分離するコードは以下のようになります。

var allNames = ['John-Smith', 'David', 'Carol%Taylor'];
var output = allNames.flatMap(obj => obj.match(/\w+|\W+/g));
console.log(output);

このプログラムを実行するには、Node.js環境で以下のコマンドを使用します。

node fileName.js

ここでは、ファイル名を「demo32.js」としています。

実行結果

上記のプログラムを実行すると、以下のような出力が得られます。

PS C:\Users\Amit\JavaScript-code> node demo32.js
[
  'John', '-',
  'Smith', 'David',
  'Carol', '%',
  'Taylor'
]

出力を確認すると、「John-Smith」が「John」「-」「Smith」に、「Carol%Taylor」が「Carol」「%」「Taylor」にそれぞれ分離されていることがわかります。ハイフンやパーセント記号などの特殊文字だけが独立した要素として抽出され、英数字のみで構成される部分とは区切られています。

まとめ

このように、match()メソッドと正規表現/\w+|\W+/g、そしてflatMap()を組み合わせれば、文字列中の特殊文字を手軽に分離できます。データの前処理や入力値の検証など、さまざまな場面で役立つテクニックなので、ぜひ覚えておきましょう。