【js正则表达式】从零开始的正则表达式教学二：replace替换

这一篇来说一下用正则表达式对字符串指定字符串进行替换。

字符串.replace(正则表达式,替换目标字符串)

1.普通替换

"haha,hello233 world666".replace(/\d/,"")
>> 'haha,hello33 world666' 
"haha,hello233 world666".replace(/\d/,"&")
>> 'haha,hello&33 world666'

这里将第一个数字 2 ，替换成了指定的字符串 "" 和 &。

2.全局替换

"haha,hello233 world666".replace(/\d/g,"")
>> 'haha,hello world'
"haha,hello233 world666".replace(/\d/g,"&")
>> 'haha,hello&&& world&&&'

这里把所有的数字都逐一替换成了对应的""和&。

3.多个字符替换成一个

"haha,hello233 world666".replace(/\d+/g,"")
>> 'haha,hello world'
"haha,hello233 world666".replace(/\d+/g,"&")
>> 'haha,hello& world&'

与上一个例子不同，这里用了 \d+,+号代表多个算一次替换，所以这里分别把233和666替换成了""和&。

4.在字符串指定位置加字符串

"haha,hello233 world666".replace(/(\d+)/g,"-$1")
>>'haha,hello-233 world-666'
"haha,hello233 world666".replace(/(\d)+/g,"-$1")
>>'haha,hello-3 world-6'

用()包裹住的正则片段，会在匹配出来后，从左到右用$1、$2...$9来进行分组，以便我们可以保留下来我们匹配到的内容，多用来插入横线等操作。

5.用函数替换

"haha,hello233 world666".replace(/(\d+)/g,function(a){
    return "-"+Number(a) * 2
})
>> 'haha,hello-466 world-1332'
"haha,hello233 world666".replace(/([a-z])(\d+)/g,function(a,b,c,d,e,f){
    console.log(a,b,c,d,e,f)
    return "-"+b+"=="+c
})
>> o233 o 233 9 haha,hello233 world666 undefined
>> d666 d 666 18 haha,hello233 world666 undefined
>> 'haha,hell-o==233 worl-d==666'

replace的第二个参数也可以是一个函数，替换的目标字符串就是函数的返回值，函数可以接收多个参数，第一个参数是匹配的整体内容，从第二个参数开始就是用()包裹的分组内容，直到与()的数量相等,对应$1、$2...$9。接下来下一个字符串就是匹配的完整内容在整个字符串中的索引，最后一个参数则是原本的字符串。

上一篇：从零开始的正则表达式教学一：基础表达式
下一篇：【js正则表达式】从零开始的正则表达式教学三：非捕获元