在javascript中使用正则表达式格式化数字

Format number using regex in javascript

本文关键字:正则表达式 格式化 数字 javascript      更新时间:2023-09-26

我试图在JS中实现一个自动格式化器,这样,如果我有一个给定的值(例如12345678)并且我有一个给定的格式(例如XX.XX.XXXX-XX-XXXX/XX/XXXXX-XXXX),我可以自动格式化我的初始值为任何给定的格式。

所需的格式各不相同,因此它需要能够接受任何给定的格式,并重新格式化原始值以匹配。

我不知道这是否可能,也不知道该怎么做。谢谢你的帮助。

谢谢,

克拉拉

应该可以了

var value = '12345678';
// 12345678 => 12.34.56.78
console.log(value.replace(/('d{2})(?='d)/g, '$1.'));
// 12345678 => 12/34/56/78
console.log(value.replace(/('d{2})(?='d)/g, '$1/'));
// 12345678 => 12-34-56-78
console.log(value.replace(/('d{2})(?='d)/g, '$1-'));
// 12345678 => 1234-5678
console.log(value.replace(/('d{4})(?='d)/g, '$1-'));
// a more complex format (create US phone number)
// 1234567890 => +1 (123)-456-7890
console.log('1234567890'.replace(/^('d{3})('d{3})('d{4})$/g, '+1 ($1)-$2-$3'));

是这样的吗?

function format(mask, number) {
   var s = ''+number, r = '';
   for (var im=0, is = 0; im<mask.length && is<s.length; im++) {
     r += mask.charAt(im)=='X' ? s.charAt(is++) : mask.charAt(im);
   }
   return r;
}    
console.log(format('XX.XX.XX', 12345678)); // logs "12.34.56" 
console.log(format('XXX-XXXX', 12345678)); // logs "123-4567"
console.log(format('XX-XX-XX', 12345678)); // logs "12-34-56 "
console.log(format('XX/XX/XX', 12345678)); // logs "12/34/56"
console.log(format('XX/XX/XX/XX/XX', 12345678)); // logs "12/34/56/78"

在编写此代码时没有损害正则表达式引擎。

小提琴

您可以从格式自动构建正则表达式,如下所示:

var format = 'XX-XX-XX';
var string = '111111';
var regex = '';
for(var i = 1; format.indexOf('X') >= 0; i++){
    format = format.replace('X', '$'+i);
    regex += '(''d)'; // to match a digit enclosed in ()
}

或作为函数:

function format(string, format){
    var regex = '';
    for(var i = 1; format.indexOf('X') >= 0; ++i){
        format = format.replace('X', '$'+i);
        regex += '(''d)';
    }
    regex += '[^]*'; // Match the rest of the string to crop characters overflowing the format.
// Remove this ^ line if you want `format('12345678', 'XX/XX/XX')` to return `12/34/5678` instead of `12/34/56`;
    return string.replace(new RegExp(regex), format);
}

console.log(format('111111', 'XX-XX-XX'));  // 11-11-11
console.log(format('111111', 'XX.XX.XX'));  // 11.11.11 
console.log(format('1111111', 'XXX-XXXX')); // 111-1111
console.log(format('111111', 'XX-XX-XX'));  // 11-11-11
console.log(format('111111', 'XX/XX/XX'));  // 11/11/11
console.log(format('123456789', 'XX/XX/XX'));  // 12/34/56 (789 are cropped off.)