replace()结合正则表达式

为了简化替换字符串的操作,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





  • 1
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值