使用 RegExp 屏蔽字符串的一部分

Question

我正在尝试使用 JavaScript 来掩盖字符串的一部分。

例如使用正则表达式屏蔽信用卡号的第二和第三部分：

4567 6365 7987 3783→4567 **** **** 3783
3457 732837 82372→3457 ****** 82372

我只想保留前 4 个数字和后 5 个字符。

这是我的第一次尝试：/(?!^.*)[^a-zA-Z\s](?=.{5})/g

https://regex101.com/r/ZBi54c/2

Answer 1

如果 JavaScript 正在执行正则表达式掩码，则您已经失败了，因为 JS 永远不需要知道原始卡号，除非您刚从用户那里收到卡号并将其发送给第一次访问服务器，在这种情况下您无论如何都不应该屏蔽它，以便用户可以检查拼写错误。

我真的帮不了你，你已经以最糟糕的方式失败了。

服务器端，如果数字已经被分成空格*，那么一个选项是：（在 PHP 但同样的想法适用于所有）

$parts = explode(" ",$fullnumber);
$first = array_shift($parts);
$last = array_pop($parts);
$middle = implode(" ",$parts);
$mask = preg_replace("/\d/","*",$middle);
$result = "$first $mask $last";

^{* 不应该}

Answer 2

你可以试试这个：

var cardnumber = '4567 6365 7987 3783';
var first4 = cardnumber.substring(0, 4);
var last5 = cardnumber.substring(cardnumber.length - 5);

mask = cardnumber.substring(4, cardnumber.length - 5).replace(/\d/g,"*");
console.log(first4 + mask + last5);

Answer 3

答案显然让 OP 满意。这是另一个仅使用正则表达式的解决方案：

function starry(match, gr1, gr2, gr3) {
  var stars = gr2.replace(/\d/g, '*');
  return gr1 + " " + stars + " " + gr3;
}

function ccStarry(str) {
  var rex = /(\d{4})\s(\d{4}\s\d{4}|\d{6})\s(\d{4}|\d{5})/;

  if (rex.test(str))
    return str.replace(rex, starry);
  else return "";
}


var s1 = "4567 6365 7987 3783";
var s2 = "3457 732837 82372";
var s3 = "dfdfdf";
console.log(ccStarry(s1));
console.log(ccStarry(s2));
console.log(ccStarry(s3));

这确保在尝试任何替换之前模式匹配。例如，在第三个测试用例中，它 returns 是一个空字符串。除了问题中给出的模式之外，还可以更新模式以匹配其他信用卡模式。

Answer 4

您可以分割前四位数字并替换其余数字。

console.log(
    ['4567 6365 7987 3783', '3457 732837 82372'].map(
        s => s.slice(0, 4) + s.slice(4).replace(/\d(?=.* )/g, '*')
    )
);

Answer 5

我想详细说明@Nina Scholz 的回答，我在下面的示例代码中使用 .slice() 来屏蔽 2 条件下的变量。

只是一个简单的变量var n = '12345567890'
数组对象

// Single number
var n = '601115558888';
var singleNumber = n.slice(0, 4) + n.slice(4, n.length -4).replace(/\d/g,'*') + n.slice(n.length -4);
console.log(singleNumber);

// array of object
var obj = [{
  contacts_name: 'Jason',
  contacts_num : '651231239991'
},
{
  contacts_name: 'King',
  contacts_num : '60101233321'
}];

// Mask for the middle number, showing the first4 number and last4 number
// and replace the rest number with *
var num = obj.map((element, index) =>
  element.contacts_num.slice(0,4) 
   + element.contacts_num.slice(4, element.contacts_num.length-4).replace(/\d/g, '*')
   + element.contacts_num.slice(element.contacts_num.length -4)
);

console.log(num);

使用 RegExp 屏蔽字符串的一部分

Mask a portion of a String using RegExp

javascript

regex

mask

credit-card