js中replace用法小结

replace()能很好的实现替换字符串操作。

1.replace()做简单的字符串替换

<script language="javascript">
//replace()做简单的字符串替换
var str = "迈阿密热火获得了2011-2012赛季NBA总冠军，我爱迈阿密！";
var strRep = str.replace("迈阿密","Miami");
alert(strRep);迈阿密热火获得了2011-2012赛季NBA总冠军，我爱迈阿密！";
</script>

运行代码发现弹出“Miami热火获得了2011-2012赛季NBA总冠军，我爱迈阿密！”，只有第一个“迈阿密”被替换了，后面的并没有被替换；

想要全部替换怎么办？不用怕，replace()支持正则表达式。

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

<script language="javascript">
//replace()正则表达式字符串替换
var str = "迈阿密热火获得了2011-2012赛季NBA总冠军，我爱迈阿密！";
var rep = new RegExp("迈阿密",'g');//'g'表示全局替换，即替换所有匹配的字符串
var strRep = str.replace(rep,"Miami");//或者用下面这种写法

//var strRep = str.replace(/(迈阿密)/g,"Miami");
alert(strRep);
</script>

运行代码发现所有匹配的字符串也被替换。

3.replace与函数合作把所有单词首字母大写

<script language="javascript">
//replace与函数合作字符串首字母大写
var str = "shenzhen is a beautiful city";
var change = function(word){
return word.substring(0,1).toUpperCase()+word.substring(1);
}
alert(str.replace(/\b\w+\b/g,change));
</script>

运行输入“Shenzhen Is A Beautiful City”。

当然也可以写成下面这样：

<script language="javascript">
//replace与函数合作字符串首字母大写
var str = "shenzhen is a beautiful city";
var strRep = str.replace(/\b\w+\b/g,function(str){
return str.substring(0,1).toUpperCase()+str.substring(1);
});
alert(strRep);
</script>

4.replace改变字符串颜色

<script language="javascript">
var str="迈阿密热火获得了2011-2012赛季NBA总冠军，我爱迈阿密！";
var newStr=str.replace(/(迈阿密)/g,"<font color=red>$1</font>");
document.write(newStr);
</script>

5.输入查找字符串

<script language="javascript">
//查找字符串，并将匹配的字符串变为红色
document.write("迈阿密热火获得了2011-2012赛季NBA总冠军，我爱迈阿密！");
var s=prompt("请输入要查找的字符","迈阿密");
var reg=new RegExp("("+s+")","g");
var str="迈阿密热火获得了2011-2012赛季NBA总冠军，我爱迈阿密！";
var newstr=str.replace(reg,"<font color=red>$1</font>"); //$1表示左边表达式中括号内的内容，即第一个子匹配，同理可得$2表示第二个子匹配
document.write(newstr);
</script>