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

最新推荐文章于 2023-08-06 14:23:30 发布

lixiaonaaa

最新推荐文章于 2023-08-06 14:23:30 发布

阅读量620

点赞数

分类专栏： javascript 文章标签： javascript 正则表达式

本文链接：https://blog.csdn.net/lixiaonaaa/article/details/110867102

版权

javascript 专栏收录该内容

36 篇文章 1 订阅

订阅专栏

本文详细介绍了正则表达式在匹配和替换字符串中的应用，包括如何使用正则表达式匹配特定格式的字符串，以及在JavaScript中利用replace方法进行动态替换。通过实例展示了如何从本地存储中获取变量并替换模板字符串，以及如何利用replace的回调函数参数获取分组内容。同时，讲解了replace函数中分组的概念及其在匹配过程中的作用。

摘要由CSDN通过智能技术生成

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:原字符串

记分组的另一种用法：