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

JavaScriptでは、文字列を受け取り、元の文字列から空白（スペース）をすべて取り除いた新しい文字列を返す関数を実装することが求められることがあります。本記事では、forループを使った基本的な実装方法と、より簡潔に書けるreplace()メソッド＋正規表現を使った方法の2つを解説します。

実装例：forループを使った方法

まずは、forループで文字列を1文字ずつ確認し、空白以外の文字だけを新しい文字列に連結していく基本的なコードを見てみましょう。

const str = "This is an example string from which all whitespaces will be removed";
const removeWhitespaces = str => {
    let newStr = '';
    for(let i = 0; i < str.length; i++){
        if(str[i] !== " "){
            newStr += str[i];
        }
    }
    return newStr;
};
console.log(removeWhitespaces(str));

出力結果

空白がすべて削除された後、コンソールには以下のように出力されます。

Thisisanexamplestringfromwhichallwhitespaceswillberemoved

より簡単な方法：replace()と正規表現

実際の開発では、String.prototype.replace()メソッドと正規表現を組み合わせることで、1行で同じ処理を実現できます。

const result = str.replace(/\s+/g, '');
console.log(result); // Thisisanexamplestringfromwhichallwhitespaceswillberemoved

正規表現の\sは半角スペースだけでなく、タブや改行などすべての空白文字にマッチするため、上記のforループ版よりも汎用的な処理が可能です。また、大量の文字列を扱う場合も、組み込みメソッドを使う方がパフォーマンス面で有利です。用途に応じて使い分けるとよいでしょう。