用javascript中的正则表达式屏蔽电话号码

Question

我的应用程序有一个特定的电话号码格式，看起来像999.111.222 ，我有一个正则表达式模式，以掩盖它在前端：

/[0-9]{3}\.[0-9]{3}\.([0-9]{3})/

但最近，格式被更改为允许中间三位数字少一个数字，所以现在999.11.222和999.111.222匹配。 如何相应地更改我的正则表达式？

"999.111.222".replace(/[0-9]{3}\.[0-9]{3}\.([0-9]{3})/, '<div>xxx.xxx.$1</div>')

预期产量：

"999.111.222" // xxx.xxx.222
"999.11.222" // xxx.xx.222

Answer 1

将{3}替换为{2,3}以匹配两位或三位数。

/[0-9]{3}\.[0-9]{2,3}\.([0-9]{3})/

供参考，参见例如MDN

Answer 2

采用

 console.log( "999.11.222".replace(/[0-9]{3}\\.([0-9]{2,3})\\.([0-9]{3})/, function ($0, $1, $2) { return '<div>xxx.' + $1.replace(/\\d/g, 'x') + '.' + $2 + '</div>'; }) ) 

([0-9]{2,3})第一个捕获组将匹配2或3个数字，并且在用作替换参数的回调方法中，来自第一个组的所有数字都被替换为x 。

您也可以进一步自定义第一组数字的模式。

Answer 3

实际上，您不仅应该更改正则表达式，还应该更改回调替换功能：

 const regex = /[0-9]{3}\\.([0-9]{2,3})\\.([0-9]{3})/; const cbFn = (all, g1, g2) =>`<div>xxx.xx${(g1.length === 3 ? 'x' : '')}.${g2}</div>`; const a = "999.11.222".replace(regex, cbFn); const b = "999.111.222".replace(regex, cbFn); console.log(a, b); 

要更改正则表达式，您可以添加带有{2,3}量词的术语，如已建议的那样，并创建一个新组。 然后，在替换cb函数中，您可以使用length来知道是否必须放置一个新的x 。