JavaScriptで文字列からすべてのスペースを削除する方法

問題

JavaScriptで、文字列を受け取り、その文字列に含まれるすべての半角スペースを取り除いた新しい文字列を返す関数を作成します。たとえば、単語の間や文字の間に入っている余分なスペースがすべて削除され、連続した文字列だけが残るイメージです。

実装例：ループ処理を使う方法

まずは基本的なアプローチとして、forループで文字列を1文字ずつ確認し、スペース以外の文字だけを結果に連結していく方法を見てみましょう。

const str = 'some random string ex a m pl e';

const removeSpaces = (str = '') => {
  let res = '';
  for (let i = 0; i < str.length; i++) {
    const el = str[i];
    if (el !== ' ') {
      res += el;
    }
  }
  return res;
};

console.log(removeSpaces(str));

出力結果

somerandomstringexample

このコードでは、引数として渡された文字列を先頭から順に走査し、スペース（' '）以外の文字のみをres変数に追加していきます。最終的に、スペースを含まない新しい文字列が返されます。

より簡潔な方法：replace()メソッドと正規表現

実際の開発では、String.prototype.replace()と正規表現を組み合わせる方法がよりシンプルで一般的です。

const removeSpaces = (str = '') => {
  return str.replace(/\s/g, '');
};

console.log(removeSpaces('some random string ex a m pl e'));
// 出力: somerandomstringexample

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

まとめ

• ループ処理を使えば、ロジックを明示的に書いてスペースを除外できる。
• replace(/\s/g, '')を使うと、1行で簡潔にすべての空白文字を削除できる。

パフォーマンスや可読性の観点からも、通常はreplace()メソッドを使った方法が推奨されます。