JavaScriptで文字列内のすべての空白を削除する方法

JavaScriptで文字列内のすべての空白を削除する方法

JavaScriptで文字列からすべての空白（スペース）を取り除きたい場合、最もシンプルで確実な方法は replace() メソッドと正規表現（RegEx） を組み合わせることです。

replace() と正規表現を使った基本の書き方

正規表現 /\s/g を使うことで、半角スペースだけでなく、タブや改行などすべての種類の空白文字を一度に削除できます。\s は「任意の空白文字」にマッチする特殊文字で、末尾の g フラグは「文字列全体を対象に置換する」ことを意味します。

const sentence = "This sentence has 6 white space characters.";

console.log(sentence.replace(/\s/g, ""));
// "Thissentencehas6whitespacecharacters."

このコードでは、sentence の中にある6つの空白文字がすべて取り除かれ、空白のない1つの文字列として出力されます。

注意：元の文字列は変更されない

上記の例では、結果をコンソールに出力しているだけなので、元の変数 sentence 自体は変更されていません。JavaScriptの文字列はイミュータブル（不変）であるため、replace() は常に新しい文字列を返します。

削除結果を永続的に保持する方法

テキストから空白を完全に取り除いた状態を後続の処理でも使い回したい場合は、新しい変数を作成し、そこに sentence.replace(/\s/g, "") の戻り値を代入しましょう。

// 空白を含む元の文字列
const sentence = "This sentence has 6 white space characters.";

// 空白をすべて削除した新しい文字列
const sentenceRemoveWhiteSpace = sentence.replace(/\s/g, "");

console.log(sentenceRemoveWhiteSpace);
// Thissentencehas6whitespacecharacters.

こうすることで、元の文字列 sentence はそのまま残しつつ、空白を除去した文字列を別の変数として扱えるようになります。

補足：他の方法との違い

• trim()：文字列の先頭と末尾の空白のみを削除します。文字列の中間にある空白は削除できません。
• replaceAll(" ", "")：半角スペースはすべて削除できますが、タブ（\t）や改行（\n）までは対応できません。
• split(" ").join("")：古い環境向けの代替手段ですが、現在では replace(/\s/g, "") の方が簡潔で汎用的です。

あらゆる種類の空白文字を確実に削除したい場合は、replace(/\s/g, "") を使うのがベストプラクティスです。