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 为全局标志,ab单纯表示字母


第二个参数为函数:

在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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值