【JavaScript】文字列の途中にハイフンなどの文字を追加する方法

はじめに

JavaScriptで携帯電話番号、固定電話番号、郵便番号など番号の間にハイフンを入れる機会は多いと思います。

今回は携帯電話番号を例に番号の間にハイフンを入れる方法を紹介します。

携帯電話番号の間にハイフンを挿入

下記のJavaScriptを例に見てみましょう。
11桁の数字の文字列が揃っている事を前提に「3桁 - 4桁 - 4桁」に整形しています。

phoneNumber = "09012345678";
 
console.log(insertHyphen(phoneNumber));
 
function insertHyphen(str) {
    return str.slice(0, 3) + "-" + str.slice(3, 7) + "-" + str.slice(7, str.length);
}

console.log(insertHyphen(phoneNumber));
// 090-1234-5678