JavaScript/jQuery 中基于格式字符串的格式数字

Question

假设我有一个

• 格式字符串“XXX - XXX - XXXX”（用于格式化电话号码），或者任何其他格式字符串，其中 X 代表一个数字，
• 我想保留格式字符串中的格式（空格、破折号等）。 ），但将每个 X 替换为数字并删除源字符串中的所有格式

示例：

• 输入：“abc+d(123)4567890”，格式字符串：“XXX - XXX - XXXX”，输出：“123 - 456 - 7890 "
• 输入“abc 1 2 3 4567890”，格式字符串：“X:X!XXXXX,XXX”，输出：“1:2!34567,890”
• 输入“1234567890”，格式字符串：“(XXX)XXX-XXXX” ，输出：“(123)456-7890”

我想我可以通过迭代源字符串（“0123456789”中的每个字符）来获取数字，但我不确定如何将其优雅地组合在一起正确的格式。也许有一个 jQuery 函数可以做到这一点？

Answer 1

这是一种方法：

function formatPhoneNumber(input, format) {
    // Strip non-numeric characters
    var digits = input.replace(/\D/g, '');

    // Replace each "X" with the next digit
    var count = 0;
    return format.replace(/X/g, function() {
        return digits.charAt(count++);
    });
}

Answer 2

"abc+d(123)4567890"
.replace(/\D/g, "")
.replace(/(\d{3})(\d{3})(\d{4})/, "$1 - $2 - $3")

首先，我们删除非数字 (\D)，然后对它们进行分组，最后在替换文本中使用这些组。