[你可能忘记的JavaScript] 正则表达式—replace的运用

前言

replace() 函数在字符串处理方面有很强的运用，在此为记

过程

描述

首先看 mdn 上对该方法的描述

str.replace(regexp|substr, newSubStr|function)

regexp (pattern)
    一个RegExp 对象或者其字面量。该正则所匹配的内容会被第二个参数的返回值替换掉。

substr (pattern)
    一个要被 newSubStr 替换的字符串。其被视为一整个字符串，而不是一个正则表达式。仅仅是第一个匹配会被替换。

newSubStr (replacement)
     用于替换掉第一个参数在原字符串中的匹配部分的字符串。该字符串中可以内插一些特殊的变量名。参考下面的使用字符串作为参数。

function (replacement)
    一个用来创建新子字符串的函数，该函数的返回值将替换掉第一个参数匹配到的结果。参考下面的指定一个函数作为参数。 

使用方法

1. 截取想要的字符串部分

var str = `bskfbname='test1'sdaddfname="test2"safafaf`;
var reg = /name=('|")((\w|-|\s)+)('|")/ig;  // i 不区分大小写，g 全局匹配

str.replace(reg, function() {
    //假如replace()方法的第一个参数是一个RegExp 对象，则代表第n个括号匹配的字符串。（对应于上述的$1，$2等。）
    //由于name=''中包含的字符串在第二个括号内
    //故使用arguments[2]
    console.log(arguments[2]);  //打印 test1   test2
});

2 . 修改字符串

//用法：将字符串第2、3个字符转换为大写

var str = 'abcdefg';
var reg = /^(\w)(\w{2})(\w*)$/g;
var rep = /^$1\U$2\E$3*$/g;
// result: 本次匹配到的结果
// $1,...$9: 正则表达式中有几个()，就会传递几个参数，$1~$9分别代表本次匹配中每个()提取的结果，最多9个
// offset:记录本次匹配的开始位置
// source:接受匹配的原始字符串
var newstr = str.replace(reg, function(result,$1,$2,$3,offset,resource){
    return $1 + $2.toUpperCase() + $3;
});
console.log(newstr) //打印 aBCdefg

3 . 替换字符串

//用法：将字母串替换成replaced
var str = '123abcdefg123aa';

var newstr = str.replace(/([a-zA-Z]{1,})/g,'replaced');
console.log(newstr);        //打印 123replaced123replaced

结语

replace() 函数具有非常强大的功能，它能够完美契合正则表达式，做到十分丰富的效果