JavaScript中的字符串替换Replace函数用法详解
javascript的replace函数接受两个参数,第一个参数为字符串或正则表达式,第一个参数同样可以接受一个字符串,还可能是一个函数。
首先,对于第一个参数为字符串的我们不再需要多说"I am a boy".replace("boy","girl"),输出:"I am a girl"。在这里想说的是第一个参数为正则的情形。对于正则表达式来说首先会根据是否全局的(全局//g)决定替换行为,如果是全部的则替换全部替换,非全局的只有替换首个匹配的字符串。例如:
"Ha Ha".replace(/\b\w+\b/, "He") //He Ha
1、第二个参数为字符串:
对于正则replace约定了一个特殊标记符$:
$i (i:1-99) : 表示从左到右正则子表达式所匹配的文本。
$&:表示与正则表达式匹配的全文本。
$`(`:切换技能键):表示匹配字符串的左边文本。
$’(‘:单引号):表示匹配字符串的右边文本。
$$:表示$转移。
来看几个例子吧:
"boy".replace(/\w+/g,"$&-$&") // boy-boy
"javascript".replace(/script/,"$& != $`") //javascript != java
"javascript".replace(/java/,"$&$' is ") // javascript is script
2、第二个参数为函数:
在ECMAScript3推荐使用函数方式,实现于JavaScript1.2.当replace方法执行的时候每次都会调用该函数,返回值作为替换的新值。
函数参数的规定:
第一个参数为每次匹配的全文本($&)。
中间参数为子表达式匹配字符串,个数不限.( $i (i:1-99))
倒数第二个参数为匹配文本字符串的匹配下标位置。
最后一个参数表示字符串本身。
replace威力强大的地方
说完了理论,来看具体的例子。
1、字符串首字母大写:
return this.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase();
} );
};
console.log("i am a boy !".capitalize())
输出:I Am A Boy !
2、对字符串“张三56分, 李四74分, 王五92分, 赵六84分”的分数提取汇总,算出平均分并输出每个人的平均分差距。
var a = s.match(/\d+/g);
var sum = 0;
for(var i = 0 ; i < a.length; i++){
sum += parseFloat(a[i]);
}
var avg = sum / a.length;
function f(){
var n = parseFloat(arguments[1]);
return n + "分" + "(" + ((n > avg) ? ("超出平均分" + (n - avg)) :
("低于平均分" + (avg - n))) + "分)";
}
var result = s.replace(/(\d+)分/g, f);
console.log(result);
输出:
张三56分(低于平均分20.5分), 李四74分(低于平均分2.5分), 王五92分(超出平均分15.5分), 赵六84分(超出平均分7.5分)。
您可能感兴趣的文章:
mysql replace的用法(替换指定字段字符串)
js replace函数用法详解
mysql使用replace函数进行字符串替换
python怎么替换字符串的内容
python怎么更改字符串后几位
JavaScript中的字符串替换Replace函数用法详解
ASP Replace 字符替换详解
js中replace与replaceall进行字符替换的用法举例
php str_ireplace函数怎么用
js中replace字符替换函数的高级用法