replace()结合正则表达式

最新推荐文章于 2025-06-14 13:32:06 发布

fredaouyang

最新推荐文章于 2025-06-14 13:32:06 发布

阅读量1.1w

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/fredaouyang/article/details/61199620

本文介绍了ECMAScript中replace方法的基本用法及其高级特性，包括如何使用正则表达式进行全局替换，以及如何利用特殊变量如$&、$' 和 $` 进行模式匹配。同时展示了当替换参数为函数时，如何获取匹配结果和源字符串等信息。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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