空白文字やタブを削除したい | 正規表現 | JavaScript 目的別リファレンス

スポンサーリンク

このプログラムでは、JavaScriptの正規表現を使用して、文字列から空白文字やタブを削除します。

スポンサーリンク

空白文字やタブの削除プログラム

以下のコードでは、空白文字やタブを含む文字列"JavaScript is\tawesome!"からそれらを削除しています。

HTMLとJavaScriptコード

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <title>空白文字やタブを削除する方法</title>
    <script>
        window.onload = function() {
            // 空白文字やタブを削除する関数
            function removeWhitespaceAndTabs(str) {
                const pattern = /\s+/g;  // 空白文字やタブを表す正規表現
                return str.replace(pattern, '');  // 正規表現を使って空白文字やタブを削除
            }

            // テスト用の文字列
            const testString = "JavaScript   is\tawesome!";
            
            // 空白文字やタブを削除
            const result = removeWhitespaceAndTabs(testString);

            // 結果をHTMLに表示
            document.getElementById('result').textContent = `元の文字列: 「${testString}」 -> 空白とタブを削除後: 「${result}」`;
        }
    </script>
</head>
<body>

    <h1>空白文字やタブを削除する方法</h1>

    <div id="result"></div>

</body>
</html>

プログラムの解説

このプログラムでは、正規表現を使用して文字列内の空白文字やタブを削除しています。\sは空白文字全般(スペース、タブ、改行など)を表し、+は1回以上の繰り返しを示します。gフラグを使用することで、文字列全体のすべての空白文字を対象にしています。

以下はreplace()メソッドおよび正規表現に関する注意点です。

  • replace()メソッドは、指定したパターンに一致する文字列を置換します。
  • \sはスペース、タブ、改行などの空白文字全体を表します。
  • gフラグを使用しない場合、最初に一致した部分だけが置換されます。

RegExpオブジェクト メソッドの機能一覧

RegExpオブジェクト メソッドの機能一覧 | JavaScript リファレンス
JavaScriptのRegExpオブジェクトは、正規表現を使用して文字列のパターンを検出、操作するためのオブジェクトです。以下に、RegExpオブジェクトのメソッドをインスタンスメソッドと静的メソッドに分け、アルファベット順にまとめています。RegExpオブジェクトのインスタンスメソッド メソッド名 説明と注意点 R...