在本文中,我们将了解在 JavaScript 源代码中格式化电话号码的最佳方式,以及在我们的 JavaScript 代码中格式化数字的好处。
JavaScript 中的电话号码格式
在 JavaScript 中,我们有多个选项可以有效地执行数字格式化。 大多数情况下,开发人员使用正则表达式和默认的 substr() 方法在应用程序中进行数字格式化。
使用正则表达式
我们使用 RegEx 将原始电话号码替换为人类可读的格式。 例如正则表达式模式/(\d{3})(\d{3})(\d{4})/,'$1-$2-$3’可以用replace方法分隔前三位 ,接下来的三位数字和最后四位数字,并将它们与 - 连接在一起。
基本语法:
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()
可用于格式化数字。 我们可以将数字字符串分成三个不同的部分,然后我们可以将所有部分用 - 连接起来。
基本语法:
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()
中传递数字。