replace()方法第二个参数为函数的情况

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

原创最新推荐文章于 2023-08-06 14:23:30 发布 · 803 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #开发语言

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

文章详细解释了JavaScript中String对象的replace方法如何使用函数作为第二个参数。当函数作为replace方法的第二个参数时，对于每个正则匹配到的内容，该函数会被调用。函数的参数包含了匹配项、匹配项的位置以及原始字符串，返回值将用于替换匹配的内容。文中通过示例展示了单个匹配项和多个（带括号分组）匹配项的情况。

replace方法第二个参数除了可以是要被替换的字符串外，还可以是一个函数

正则表达式匹配到几个结果就会执行几次回调，函数内arguments对象存放着匹配项，函数返回值是要改变后的值。

如果正则中只有一个匹配项，会向这个函数传递3个参数：模式的匹配项，模式的匹配项在字符串中的位置和原始字符串，函数中的第一个参数为匹配项,第二个参数为捕获组的匹配项(相当于$1)，第三个参数为原字符串;

   // 只有一个匹配项 a: 匹配项、b: 索引、c: 原字符串
   var str = '20230130';
   var arr = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌', '玖'];
   str = str.replace(/\d/g, function (a, b, c) {
       console.log(a, b, c, d); 
       return arr[Number(arguments[0])]
   })
   console.log(str, '----------------------') // 贰零贰叁零壹叁零

如果正则中有多个匹配项(带括号分组)，传递给函数的参数依次模式的匹配项，第一个捕获组的匹配项，第二个捕获组的匹配项...,但最后两个参数仍然分别是模式的匹配项在字符串中的位置和原始字符串

        // 有多个匹配项 
        var demo = '当replace第二个参数为function时'
        demo.replace(/\W(\w+)/g, (a, b, c, d) => {
            console.log(a); // 当replace // 为function
            console.log(b); // replace // function
            console.log(c); // 0 // 13
            console.log(d); // 试一下replace方法第二个参数为function时 // ......
        })