replace()二参为函数时

关于js replace 第二个参数是函数时，函数参数解析

function formateString(str,obj) {
    return str.replace(/\{#(\w+)#\}/g,function(match,key,index,source){
        console.log(arguments); //{#content#} content 5 <div>{#content#}</div>
        return obj[key]; //"<div>helloWorld</div>"
    })
}
var string='<div>{#content#}</div>';
formateString(string,{content:'helloWorld'});

match 是匹配到字符串示例中为{#content#}

key 是捕获分组中内容（无分组时不存在），正则表达式中小括号内的内容为一个分组，所以示例中为content

index 是字符串的下标也就是示例中{的下标即5

source 是原字符串示例中为<div>{#content#}</div>

var str = "a1ba2b";
var reg = /a.b/g;
str = str.replace(reg,function(a,b){
 console.log("aaaa--"+a);
 console.log("bbbb--"+b);
 return b == 0 ? a.replace("a","0") : a.replace("b","3");
});
console.log("str--"+str);

js中 replace(/\//g, '')

1、/pattern/是正则表达式的界定符，里面的内容(pattern)是要匹配的内容，就是本例中的/\//；
2、\是转义的意思，/代表的是/字符。

正则/a.b/g解释：
//–>正则表达式的界定符
.匹配除换行符 \n 之外的任何单字符。要匹配 .，请使用 \. (\转义符转义)
g 为全局标志,a、b单纯表示字母

第二个参数为函数：

在ECMAScript3推荐使用函数方式，实现于JavaScript1.2.当replace方法执行的时候每次都会调用该函数，返回值作为替换的新值。

函数参数的规定：

1.第一个参数为每次匹配的全文本（$&）。
2.中间参数为子表达式匹配字符串，个数不限.( $i (i:1-99))
3.倒数第二个参数为匹配文本字符串的匹配下标位置。
4.最后一个参数表示字符串本身。

var str = "{y}-{m}-{d} {h}:{i}:{s} {a}".replace(/{(y|m|d|h|i|s|a)+}/g, function(a,b,c,d){ 
    console.log(a,b,c,d);
    //{y} y 0 {y}-{m}-{d} {h}:{i}:{s} {a}
	//{m} m 4 {y}-{m}-{d} {h}:{i}:{s} {a}
	//{d} d 8 {y}-{m}-{d} {h}:{i}:{s} {a}
	//{h} h 12 {y}-{m}-{d} {h}:{i}:{s} {a}
	//{i} i 16 {y}-{m}-{d} {h}:{i}:{s} {a}
	//{s} s 20 {y}-{m}-{d} {h}:{i}:{s} {a}
	//{a} a 24 {y}-{m}-{d} {h}:{i}:{s} {a}
    
})
console.log("{y}-{m}-{d} {h}:{i}:{s} {a}".length)  //27

来源：CSDN

作者：一千二

链接：https://blog.csdn.net/xuerong_zhu/article/details/95392264

标签

replace

replace函数