JavaScript 電話番号形式
この記事では、JavaScript ソース コードで電話番号をフォーマットする最良の方法と、JavaScript コードでフォーマットされた番号の利点を学びます。
JavaScript での電話番号の形式
JavaScript では、数値の書式設定を効果的に実行するための複数のオプションがあります。 ほとんどの開発者は、正規表現とデフォルトの substr() メソッドを使用して、アプリケーションの数値をフォーマットします。
正規表現を使用する
正規表現を使用して、元の電話番号を人間が判読できる形式に置き換えます。 たとえば、正規表現パターン /(\d{3})(\d{3})(\d{4})/,'$1-$2-$3' を replace メソッドで使用して、最初の 3 桁、次の 3 桁、および最後の 4 桁を、最後に - で連結します。
基本的な構文:
let result = phoneNo.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
コード例:
function formatNumber(number) {
console.log('Original number : ' + number);
let result = number.replace(/(\d{3})(\d{3})(\d{4})/, '$1-$2-$3');
console.log('Formatted number using regular expression : ' + result);
}
var originalNumber = '4445556678';
formatNumber(originalNumber)
出力：
"Original number : 4445556678"
"Formatted number using regular expression : 444-555-6678"
上記の JavaScript ソースの例では、数値をパラメーターとして受け取る関数 formatNumber() を作成しました。 その関数内で、console.log() を使用して、元の渡された番号をログに出力します。
次に、正規表現パターンを使用して、渡された数値に対して文字列のデフォルトの replace() メソッドを使用しました。 出力は別の変数に保存され、console.log() に表示されます。
数値文字列を元の形式で初期化し、その数値を関数 formatNumber() に渡しました。
JavaScript で substr() メソッドを使用する
このデフォルトの文字列メソッド substr() を使用して、数値をフォーマットできます。 数値文字列を 3つの異なる部分に分割し、それらの間のすべての部分を - で連結できます。
基本的な構文:
let data = 'hello world'
let result = data.substr(0, 5) // it will separate "hello" from hello world
コード例:
function formatNumber(number) {
console.log('Original number : ' + number);
let result = number.substr(0, 3) + '-' + number.substr(3, 3) + '-' +
number.substr(6, 4);
console.log('Formatted number using substring method : ' + result);
}
var originalNumber = '6665559978';
formatNumber(originalNumber)
出力：
Original number : 6665559978
Formatted number using substring method : 666-555-9978
上記の JavaScript ソースの例では、渡された数値に対して substr() メソッドを使用して部分に分割し、+ 演算子を使用して連結を使用して、再び - で文字列を結合しました。
出力は別の変数に保存され、console.log() に表示され、関数 formatNumber() で数値が渡されます。