我正在尝试在 中实现一个自动格式化程序JS
,这样如果我有一个给定的值(例如 12345678)并且我有一个给定的格式(例如XX.XX.XX
OR XX-XX-XX
OR XX/XX/XX
OR XXX-XXXX
),我可以将我的初始值自动格式化为任何给定的格式.
所需的格式会有所不同,因此它需要能够采用任何给定的格式并重新格式化原始值以匹配。
我不知道它是否可能或如何去做。任何帮助表示赞赏。
谢谢,
克拉拉
我正在尝试在 中实现一个自动格式化程序JS
,这样如果我有一个给定的值(例如 12345678)并且我有一个给定的格式(例如XX.XX.XX
OR XX-XX-XX
OR XX/XX/XX
OR XXX-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.)