Javascript REGEX 在字符串和掩码中查找信用卡号

Question

我想搜索一个字符串并屏蔽信用卡以确保安全。

"Hi here is my card number its visa 4242 4242 4242 4242"
"Hi here is my card number its visa 4242424242424242"
"Hi here is my card number its visa 4242-4242-4242-4242"

应转换为：

"Hi here is my card number its visa **** **** **** 4242"

我需要用 Javascript 在客户端上执行此操作。我知道网络上有很多资源和问题。

我找到了两个正则表达式，但都抛出错误：“Uncaught SyntaxError: Invalid or unexpected token”

"Hi here is my card number its visa 4242 4242 4242 4242".match("(\d{4}-?){4}")

和

"Hi here is my card number its visa 4242 4242 4242 4242".match(\b4\d{3}[ -]?\d{4}[ -]?\d{4}[ -]?\d{4}[ -]\b)

我觉得表达式和JS不兼容？

我也知道他们会返回字符串，然后我会转换字符串（屏蔽它），然后对原始字符串使用简单的替换。

谁能帮我解决这个问题的正则表达式部分？

Answer 1

正则表达式可以作为字符串".." 或正则表达式对象/../ 传递。 （当作为字符串传递时，它会像 new RegExp("..") 一样转换为 RegExp 对象）。

在第一种情况下，由于双引号之间的特殊含义，反斜杠必须加倍。

 "Hi here is my card number its visa 4242 4242 4242 4242".match("\\b(\\d{4}[- ]?){4}")

或

 "Hi here is my card number its visa 4242 4242 4242 4242".match(/\b(\d{4}[- ]?){4}/)

Answer 2

See regex in use here

\b(?:\d{4}[ -]?){3}(?=\d{4}\b)

• \b 将位置断言为单词边界。如果您想捕获 My visa is1234567812345678 等案例，您可以删除它
• (?:\d{4}[ -]?){3} 准确匹配以下 3 次
  • \d{4} 匹配任意数字 4 次
  • [ -]? 可选择匹配空格或连字符
• (?=\d{4}\b) 正向前瞻确保后面是 4 位数字（并确保后面不是单词字符）。与我的第一点类似，捕捉卡号后跟诸如My visa is 1234567812345678please use it carefully 之类的词，请改用(?=\d{4}(?!\d))。

const r = /\b(?:\d{4}[ -]?){3}(?=\d{4}\b)/gm
const a = [
  "Hi here is my card number its visa 4242 4242 4242 4242",
  "Hi here is my card number its visa 4242424242424242",
  "Hi here is my card number its visa 4242-4242-4242-4242"
]
const subst = `**** **** **** `

a.forEach(function(s) {
  console.log(s.replace(r, subst))
})