連続する空白を1つにまとめたい | 正規表現 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.24

連続する空白をまとめるプログラム
1. 実行結果
2. HTMLとJavaScriptソースコード
RegExpオブジェクトメソッドの機能一覧
Stringオブジェクトメソッドの機能一覧

連続する空白をまとめるプログラム

このプログラムは、JavaScriptの正規表現を使用して、文字列内の連続する空白を1つの空白にまとめるものです。特に、ユーザーが意図せずに入力した余分な空白を取り除く際に便利です。

実行結果

HTMLとJavaScriptソースコード


<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>正規表現で連続する空白をまとめる</title>
    <script>
        window.onload = function() {
            function collapseWhitespace(str) {
                const regex = /\s+/g;
                return str.replace(regex, ' ');
            }
            const testString = "これは    テストです。  余分な   空白が  あります。";
            const replacedString = collapseWhitespace(testString);
            document.getElementById('replaceResult').textContent = `置換前:\n"${testString}"\n→ 置換後:\n"${replacedString}"`;
        }
    </script>
</head>
<body>
    <h3>実行結果</h3>
    <pre id="replaceResult"></pre>
</body>
</html>