JS 字符串替换函数-replace
前言
关于JS中replace函数的说明在一些文章及W3CSCHOOL中已经描述的非常清晰了,这里仅作为总结和记录一些自己的说明
基本说明
定义与语法
replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。
stringObject.replace(regexp/substr,replacement)
返回值
使用replacement替换了匹配第一个参数的子串,其它内容不变的一个新字符串,原字符串不会被改变
说明
字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。
但是需要注意的是,我们可以将其理解为:
- 首先对stringObject 使用regexp/substr进行且仅进行一次匹配操作
这代表不论是否有匹配都不会再次进行匹配操作,这导致当第一个参数为字符串时,想象我们在一个长串上从第一位开始逐步查找,当遇见一次我们需要的子串后(或一直没有找到),匹配则立即停止
var stringObject = "aa bb cc";
stringObject = stringObject.replace("a","x");
console.log(stringObject);
===================
xa bb cc
- 对匹配到的内容使用replacement进行替换
拓展说明1
java中的字符替换操作
在java中当然也有对字符进行匹配替换的函数,replace和replaceAll,具体的使用操作这里不多做说明,仅需要知道,两者均是对原字符串出现的所有匹配子串进行替换操作,这与JS中是不同的,与js相似的是不太常用的replaceFirst,在实际使用中常常会弄混,故在此作为对比(另附一个使用replaceAll的例子)
replace(char oldChar, char newChar);
replace(CharSequence target, CharSequence replacement);
replaceAll(String regex, String replacement);
replaceFirst(String regex, String replacement);
JS实现全替换的效果
在开发过程中,特别是从像我这样的小白开始时,我们的意愿更多是使用字符串进行全匹配替换,但是js中并不建议使用replaceAll(早期版本浏览器不支持),我们有几种实现的方式,但实质其实还是利用了正则表达式
- 全局匹配符
stringObject = stringObject.replace(/str/g,replacement);
- 定义正则表达式,与上面类似的写法
//g代表全匹配,m代表多行匹配
stringObject = stringObject.replace(new RegExp("str","gm"),replacement);
- 添加 Stirng对象的原型方法
String.prototype.replaceAll = function(s1,s2){
return this.replace(new RegExp(s1,"gm"),s2);
}
//此时即可直接使用replaceAll
stringObject = stringObject.replaceAll(str,replacement);
拓展说明2
replacement 可以是字符串,也可以是函数。
replacement 是字符串时
如果它是字符串,那么每个匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。
字符 | 替换文本 |
---|---|
$1、$2、…、$99 | 与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。 |
$& | 与 regexp 相匹配的子串。 |
$` | 位于匹配子串左侧的文本。 |
$’ | 位于匹配子串右侧的文本。 |
$$ | 直接量符号。 |
replacement 是函数时
在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。
该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。
附注
本文参考了w3c中的大部分内容并加以重新说明,之后还会慢慢补充更多的理解
W3C JavaScript replace() 方法