为了简化替换字符串的操作,ECMScript提供了replace()方法,这个方法提供两个参数,第一个参数可以使一个字符串或RegExp对象,第二个参数可以是一个字符串或者一个函数。
基础知识
$& 匹配整个模式的子字符串。与RegExp.lastMatch的值相同
$' 匹配的子字符串之前的字符串,与RegExp.leftContext的值相同
$` 匹配的子字符串之后的字符串,与RegExp.rightContext的值相同
$n 匹配第n个捕获组的子字符串,其中n等于0·9,例如$1是匹配的第一个捕获组的子字符串,$2是匹配的第二个捕获组的子字符串
如果第一个参数是字符串,那么它只会替换第一个字符串,想要替换所有字符串,唯一办法就是提供一个正则表达式,而且要指定全局(g)标志。
1.基础用法,第一个参数为字符串
var str="cat bat fat";
var result=str.replace("at","ond");
console.log(result); //cond bat fat
2.第一个参数为RegExp对象
var str="cat bat fat";
var result=str.replace(/at/g,"ond");
console.log(result);//cond bond fond
3.颠倒
var str="ouyang,zhaoyu";
var result=str.replace(/(\w+),(\w+)/,"$2,$1");
console.log(result);//zhaoyu,ouyang
4.与正则表达式匹配的全文本
var str="ouyang,zhaoyu";
var result=str.replace(/(\w+)/,"$&-$&");
console.log(result);//ouyang-zhaoyu
5.匹配匹配字符串的右边字符
var str="ouyang";
var result=str.replace(/ou/,"$'");
console.log(result);//yangyang
当replace第二个参数为函数时
var str="ababdd";
str.replace(/(b)(d)/g,function(){
console.log(arguments);// ["bd", "b", "d", 3, "ababdd"]
})
函数的参数依次为:1、整个正则表达式匹配的字符。2、第一分组匹配的内容3、第二分组匹配的内容....以此类推到最后一个分组;3、此匹配在源字符串中的下标;4、源字符串;
var str="aaa bbb ccc";
var result=str.replace(/\b\w+\b/g,function(word){
return word.substring(0,1).toUpperCase()+word.substring(1);
})
console.log(result);//Aaa Bbb Ccc