電話番号のフォーマットに修正したい | 正規表現

電話番号のフォーマットに修正したい | 正規表現 | JavaScript 目的別リファレンス

目的別リファレンス

2024.09.24

このプログラムは、電話番号のフォーマットを修正するためのものです。具体的には、連続した数字をハイフンで区切り、見やすい形式に整えます。

電話番号のフォーマットに修正するプログラム
Windowオブジェクトメソッドの機能一覧
Stringオブジェクトメソッドの機能一覧

電話番号のフォーマットに修正するプログラム

このプログラムでは、与えられた電話番号（例：0123456789）を「XXX-XXXX-XXXX」の形式に変換します。ハイフンを追加することで、電話番号をより分かりやすく表示します。

置換前文字列:

結果:

JavaScriptとHTMLコード


        // 電話番号のフォーマットを修正するプログラム
        function formatPhoneNumber(input) {
            // 正規表現を使用して、数字をハイフンでフォーマットする
            return input.replace(/(\d{3})(\d{4})(\d+)/, '$1-$2-$3');
        }

        // 実行例
        window.onload = function() {
            const originalNumber = '0123456789'; // 置換前の電話番号
            const formattedNumber = formatPhoneNumber(originalNumber); // フォーマットされた電話番号
            document.getElementById('input').innerText = originalNumber;
            document.getElementById('result').innerText = formattedNumber; // 結果を表示
        };