迹忆客 专注技术分享

在本文中，我们将了解在 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() 中传递数字。