如何为 IBAN 数组正确添加空格

Posted 2023-02-22

【中文标题】如何为 IBAN 数组正确添加空格

【英文标题】：How to add whitespace for array of IBAN properly

【发布时间】：2018-06-09 19:01:46

【问题描述】：

我想问一个关于正则表达式的问题。

我有一个 IBAN 数组。

例如["DE46700202700663820656", "DE07860700240455474700"]

我想在每 4 个字符之间添加空格。

例如"DE46 7002 0270 0663 8206 56"

目前我使用这个正则表达式。

String(this.props.invoiceData.iban).replace(/(.4)/g, '$1 ').split(',')

它可以添加空格，但正则表达式不会重新启动第二个 IBAN 并且第二个 IBAN 被销毁。

例如["DE46 7002 0270 0663 8206 56", "D E078 6070 0240 4554 7470 0"]

我应该怎么做才能显示两个带有正确空格的 IBAN，如下所示？

例如["DE46 7002 0270 0663 8206 56", "DE07 8607 0024 0455 4747 00"]

【参考方案1】：

它可以添加空格，但正则表达式不会重新启动第二个 IBAN 并且第二个 IBAN 被销毁。

那是因为正则表达式保持状态。要么：

每次都创建，或者

使用前将lastIndex设置为0

这里是#1：

var ibans = ["DE46700202700663820656", "DE07860700240455474700"];
ibans = ibans.map(function(iban) 
  return iban.replace(/(.4)/g, '$1 ');
);
console.log(ibans);

除非您使用的 ancient javascript 引擎每次都无法重新创建文字正则表达式（我们说的是 Firefox 3.0x 或更高版本），否则应该没问题。 p>

这里是#2：

var rex = /(.4)/g;
var ibans = ["DE46700202700663820656", "DE07860700240455474700"];
ibans = ibans.map(function(iban) 
  rex.lastIndex = 0;
  return iban.replace(rex, '$1 ');
);
console.log(ibans);

显然，如果您可以使用 ES2015+ 箭头函数等，两者都可以缩短...

【讨论】：

感谢您的详细解答。我不知道 lastIndex。

@aaayumi：不用担心。 :-) 作为旁注，您不需要那个捕获组，您可以使用$& 来引用匹配本身：.replace(/.4/g, '$& ')

【参考方案2】：

你可以这样尝试使用.map():

var a = ["DE46700202700663820656", "DE07860700240455474700"];
var b = a.map(i => i.replace(/(.4)/g, '$1 '));
console.log(b)