JavaScriptで文字列の余分なスペース（空白）を削除する方法

JavaScriptで文字列の余分なスペースを削除するには？

文字列から余分なスペース（空白文字）を削除するには、trim()メソッドと正規表現を組み合わせて使います。trim()だけでは文字列の先頭と末尾のスペースしか取り除けないため、文字列内の不要な空白をまとめて処理したい場合は、replace()メソッドとの併用が効果的です。

まず、スペースを含む元の文字列を見てみましょう。

var sentence = "My name is John Smith ";

この文字列から余分なスペースをすべて削除するコードが以下の通りです。

サンプルコード

var sentence = "My name is John Smith ";
console.log("元の値=");
console.log(sentence);
var originalSentence = sentence.replace(/\s+/g, '').trim();
var afterRemovingTheSpace = originalSentence.trim();
console.log("スペース削除後の値=");
console.log(afterRemovingTheSpace);

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

node fileName.js

ここでは、ファイル名をdemo90.jsとして保存しているものとします。

実行結果

このプログラムを実行すると、コンソールには次のような出力が表示されます。

PS C:\Users\Amit\JavaScript-code> node demo90.js
元の値=
My name is John Smith 
スペース削除後の値=
MynameisJohnSmith

正規表現「/\s+/g」は、1つ以上連続する空白文字すべてにマッチし、それらを空文字に置き換えます。そのため、単語間のスペースも含めてすべて削除され、結果は「MynameisJohnSmith」という隙間のない文字列になります。

単語間のスペースを1つだけ残したい場合

すべての空白を消すのではなく、単語と単語の間のスペースを1つに整えたいケースもあります。その場合は、置換後の文字を空文字ではなく半角スペースに変更します。

var sentence = "My   name  is    John Smith ";
var result = sentence.replace(/\s+/g, ' ').trim();
console.log(result); // 出力: My name is John Smith

このように、trim()と正規表現を組み合わせれば、文字列の前後だけでなく内部の余分な空白も柔軟に整形できます。用途に応じて置換パターンを使い分けることで、ユーザー入力のクリーンアップやデータ整形など、さまざまな場面で活用できます。