replace()结合正则表达式

    xiaoxiao2021-03-25  80

    为了简化替换字符串的操作,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 fat2.第一个参数为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,ouyang4.与正则表达式匹配的全文本

    var str="ouyang,zhaoyu"; var result=str.replace(/(\w+)/,"$&-$&"); console.log(result);//ouyang-zhaoyu5.匹配匹配字符串的右边字符 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

    转载请注明原文地址: https://ju.6miu.com/read-22609.html

    最新回复(0)