记正则表达式replace第二个参数为函数的用法

1，正则表达式，匹配开头为'@@['，以‘]##'’结尾的字符串，正则表达式如下

  let regExp=/\@\@\[.*?\]\#\#/g; 

2，匹配正则，并动态替换

window.sessionStorage.setItem(userId, 'zhangsan');  //存储userId

let param = {
    name: '@@[userId]##'
}

for(var key in param){
        var str = param[key];  //json对的值
        var newStr = str.replace(regExp, function ($0){
            console.log('匹配值',$0)
            var str = $0.substring(3, $0.length-3);  //去掉首尾特殊字符
            var value = window.sessionStorage.getItem(str);  //从本地存储中获取变量
            return value;
        } );
        console.log(newStr)
        newParam[key] = newStr;
    }
console.log(newParam)

3，输出为

{
     name: zhangsan
}

第二种，replace替换的用法

1，有一段字符串如下 ，现在想将带[]的字符串替换为指定字符串

var html = "<div>[Title]</div><div>[Name]</div>"

var reg = new RegExp("\\[([^\\[\\]]*?)\\]", 'igm');
var content = html.replace(reg, function (match, key) {
          return {
             Title: '标题',
             Name: '名称'
          }[key];
      });

console.log(content)

输出为： "<div>标题</div><div>名称</div>"

那么为什么第二个参数key输出的就是[]中的字符串呢？其原因在于正则表达式的()，正则表达式中小括号内的内容为一个分组，可以将想要提出来的字符串放在()中为一个分组，这样就可以直接用第二个参数key输出了！

所以研究到replace第二个参数为函数时，此函数的参数有四个function(match, key, index, source)

match: 正则匹配到的字符串

key: 分组中的内容

index：字符串中开始匹配的下标

source:原字符串

记分组的另一种用法：