使用正则表达式呈现格式化的电话号码

Question

我正在Angular中编写一个管道，根据字符串中包含的内容呈现相应的格式化电话号码。

输入：需要呈现的字符串可能情况：[phone]（国家代码+ tendigit）[phone]（十位数）[phone] ext1234（带延伸的tendigit）+ 1（ 123）456-7891 ext1234（国家代码，tendigit，扩展名）

我目前的代码：

const rawPhoneNumber = '1(626) 423-3343 ex123'
const pattern = /(\d{1})?([a-zA-Z\d]{3})([a-zA-Z\d]{3})([a-zA-Z\d]{4})(.*)/
const matches = rawPhoneNumber.replace(/[\W_]*/g, '').match(pattern);
let arrOfDigits = matches.filter((item, index) => item != undefined);
arrOfDigits = arrOfDigits.filter((item, index) => item.length)

// simple Phone
if (arrOfDigits.length === 4) {
  console.log(`(${arrOfDigits[1]}) ${arrOfDigits[2]}-${arrOfDigits[3]}`)  
}
// prephonesuffix
if (arrOfDigits.length === 6) {
  console.log(`+${arrOfDigits[1]} (${arrOfDigits[2]}) ${arrOfDigits[3]}-${arrOfDigits[4]} ${arrOfDigits[5]}`)
}
// pre or suff
if (arrOfDigits.length === 5) { 
  if (arrOfDigits[1].length <= 2) {
    console.log(`${arrOfDigits[1]} (${arrOfDigits[2]}) ${arrOfDigits[3]}-${arrOfDigits[4]}`)
  } else {
    console.log(`(${arrOfDigits[1]}) ${arrOfDigits[2]}-${arrOfDigits[3]} ${arrOfDigits[4]}`)
  }
}

我的问题是，如果数字不完美，这很容易打破。我想就如何覆盖更多案件提出任何建议。

谢谢。

Answer 1

我为此创建了一个指令。

GitHub Gist