JavaScriptで文字列に2文字ごとにスペースを挿入する方法

JavaScriptで文字列に対して2文字ごとにスペースを挿入したい場合は、replace()メソッドを正規表現と組み合わせて使用します。正規表現を使うことで、ループ処理を書かずとも簡潔に目的の書式変換を実現できます。

正規表現パターンの仕組み

ここで使うパターンは /.{1,2}(?=(.{2})+$)/g です。この正規表現は「先読みアサーション (?=...)」を利用し、残りの文字数が偶数になる位置にある1〜2文字にマッチさせます。これにより、文字列の末尾から2文字ずつ区切った境界にスペースを挿入できる仕組みになっています。

実装例

以下がサンプルコードです。

var values = "JavaScriptTutorial";
var result = values.replace(/.{1,2}(?=(.{2})+$)/g, '$& ');

console.log("元の文字列=");
console.log(values);
console.log("2文字ごとにスペースを挿入した結果=");
console.log(result);

プログラムの実行方法

上記のプログラムを実行するには、ターミナル（コマンドプロンプト）で次のコマンドを入力します。

node fileName.js

ここでは、ファイル名を「demo326.js」として保存したものとして説明します。

出力結果

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

PS C:\Users\Amit\javascript-code> node demo326.js
元の文字列=
JavaScriptTutorial
2文字ごとにスペースを挿入した結果=
Ja va Sc ri pt Tu to ri al

ポイントまとめ

• replace() の第1引数にグローバルフラグ /g を付けた正規表現を指定することで、文字列内のすべての該当箇所が置換されます。
• 置換後の文字列で $& を使うと、マッチした文字列そのものを参照でき、その後ろに半角スペースを追加しています。
• 奇数長の文字列でも、先頭側のグループが1文字として処理されるため、正しく分割されます。