在JavaScript中使用字符串替换Regex时，如何获得捕获组的长度？

Question

我试图通过使用javaScript字符串替换函数将部分私有数据替换为asterisks(*)来实现简单的数据掩蔽功能。

因此，我所做的如下：

​

    function privateDataMask(data, options) {
      var str = JSON.stringify(data);
      var i = 0, len = options.length;
    
      for (i; i < len; i++) {
        var opt = options[i];
        var key = opt.key;
        var reg = opt.reg;
        var _reg = new RegExp('"' + key + '":"' + reg.source + '"', 'g'); //To get new reg which includes the key, like /"tel":"(\d{3})(\d*)(\d{4})"/g
    
        str = str.replace(_reg, '"' + key + '":"$1*$3"');
        //str = str.replace(_reg, '"' + key + '":"$1' + '*'.repeat($2.length) + '$3",');           //ReferenceError: $2 is not defined
        //str = str.replace(_reg, '"' + key + '":"$1' + '*'.repeat(RegExp.$2.length) + '$3",');   //https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/RegExp/n
      }
      return JSON.parse(str);
    }
    
    var data = [{
        name: "王梅",
        tel: "15812346584",
        id: "22040219820418866X"
      }, {
        name: "吴青峰",
        tel: "13921345678",
        id: "450328197006157868"
      },
      {
        name: "王张玉成",
        tel: "17734685988",
        id: "620100198109198020"
      }
    ];
    
    var options = [{
        key: 'name',
        reg: /([\u4e00-\u9fa5A-Za-z0-9\·\.]?)([\u4e00-\u9fa5A-Za-z0-9\·\.]+)([\u4e00-\u9fa5A-Za-z0-9\·\.]+)/
      },
      {
        key: 'tel',
        reg: /(\d{3})(\d*)(\d{4})/
      },
      {
        key: 'id',
        reg: /(\d{6})(\d*)(\d{5}(\d|X){1})/
      }
    ]
    
    var maskedData = privateDataMask(data, options);
    console.log(maskedData);       

​

它在某种程度上和预期的一样工作，但我还是想做一些改进，例如，名称：“->”->名称："吴*峰"，名称："王张玉成“->名称："王**成"，电话："15812346584”-> tel：“158*6584”等等。

也就是说，在替换的部分中添加多个星号()，星号()的数量应该等于在String.replace()期间捕获的组的长度。

正如注释行所指出的，我尝试过‘*’.重复(RegExp.$2.2.length)之类的东西，谜题是RegExp。$n只能在String.replace()函数完成后才能得到值，这会导致位置错误。

因此，在String.replace()函数中是否有任何方法可以同时获得捕获组的长度？

Answer 1

您可以将函数作为第二个参数传递给.replace()，该函数将计算*的添加量。

_str = _str.replace(_reg, (text, start, middle, end) => `"${key}":"${start + '*'.repeat(middle.length) + end}"`);

演示：

​

    function privateDataMask(data, options) {
        var str = JSON.stringify(data);
        var i = 0;
        var len = options.length;
        var _str, _data;
        for (i; i < len; i++) {
          var opt = options[i];
          var key = opt.key;
          var reg = opt.reg;
          var _reg = new RegExp('"' + key + '":"' + reg.source + '"',
            'g'); //To get new reg which includes the key, like /"tel":"(\d{3})(\d*)(\d{4})"/g
          //console.log(_reg);
          if (!_str) {
            _str = str;
          }
          _str = _str.replace(_reg, (text, start, middle, end) => `"${key}":"${start + '*'.repeat(middle.length) + end}"`);
        }
        _data = JSON.parse(_str);
        return _data;
      }
      
      var data = [{
          name: "王梅",
          tel: "15812346584",
          id: "22040219820418866X"
        }, {
          name: "吴青峰",
          tel: "13921345678",
          id: "450328197006157868"
        },
        {
          name: "王张玉成",
          tel: "17734685988",
          id: "620100198109198020"
        }
      ];
      
      var options = [{
          key: 'name',
          reg: /([\u4e00-\u9fa5A-Za-z0-9\·\.]?)([\u4e00-\u9fa5A-Za-z0-9\·\.]+)([\u4e00-\u9fa5A-Za-z0-9\·\.]+)/
        },
        {
          key: 'tel',
          reg: /(\d{3})(\d*)(\d{4})/
        },
        {
          key: 'id',
          reg: /(\d{6})(\d*)(\d{5}(\d|X){1})/
        }
      ]
      
      var maskedData = privateDataMask(data, options);
      console.log(maskedData);

​