replace方法使用

<b>replace方法是属于String对象的，可用于替换字符串。</b>

• StringObject.replace(searchValue,replaceValue)
  • StringObject:字符串
  • searchValue：字符串或正则表达式
• replaceValue:字符串或者函数

1. 字符串替换字符串

'I am Jack!'.replace('Jack','Tom') //"I am Tom!"
但是如果有2个Jack就不能一起变成Tom了。
'I am Jack! you also call Jack'.replace('Jack','Tom') //"I am Tom! you also call Jack"

2. 正则表达式替换为字符串

//可以做到全局替换
'I am Jack! you also call Jack'.replace(/Jack/g,'Tom') //""I am Tom! you also call Tom"

3. 替换字符

replaceValue可以是字符串。如果字符串中有几个特定字符的话，会被转换为特定字符串。

• $& 与正则相匹配的字符串
• $` 匹配字符串左边的字符
• $’ 匹配字符串右边的字符
• $1,$2,$,3,…,$n 匹配结果中对应的分组匹配结果

实例如下：

'abc'.replace(/b/,"{$&}");//a{b}c   //匹配到了b
'abc'.replace(/b/,"$`");//aac  //b左边a
'abc'.replace(/b/,"$'");//acc  // b右边c
'sdcV@126.com'.replace(/(.+)(@)(.*)/,"$2$1") // "@sdcV" 其中$2是js，$1是@。

4. replaceValue参数可以是一个函数

如果replaceValue是一个函数的话那么，这个函数的arguments会有n+3个参数（n为正则匹配到的次数）。

function logArguments(){    
    console.log(arguments);//["sdcV@126.com", "sdcV", "@", "126.com", 0, "sdcV@126.com"] 
    return '返回值会替换掉匹配到的目标' 
} 
console.log('sdcV@126.com'.replace(/(.+)(@)(.*)/,logArguments) ) 

<b>参数解释如下:</b>

• 第1个：匹配到的字符串（此处为sdcV@126.com)
• 第2个：如果正则使用了分组匹配就为多个，否则无此参数。(此处参数就分别为”sdcV”, “@”, “126.com”)
• 第3个：匹配字符串的对应索引位置（此例为0）
• 第4个：原始字符串(此例为sdcV@126.com)