在JavaScript中replace函数做为字符串替换函数,这是一个威力强大的字符串操做函数,对于常见字符串操做的推荐用法。这篇随笔就来更加深刻的理解它。javascript
replace函数接受两个参数,第一个参数为字符串或正则表达式,第一个参数一样能够接受一个字符串,还多是一个函数。java
首先对于第一个参数为字符串的咱们再也不须要多说"I am a boy".replace("boy","girl"),输出:"I am a girl"。在这里想说的是第一个参数为正则的情形。对于正则表达式来讲首先会根据是否全局的(全局//g)决定替换行为,若是是所有的则替换所有替换, 非全局的只有替换首个匹配的字符串。例如:正则表达式
|
1:第二个参数为字符串:this
对于正则replace约定了一个特殊标记符$:spa
下面来几个demo:prototype
|
2:第二个参数为函数:
在ECMAScript3推荐使用函数方式,实现于JavaScript1.2.当replace方法执行的时候每次都会调用该函数,返回值做为替换的新值。
函数参数的规定:
这就是本文所要说replace威力强大的地方,理论的东西都是干货,咱们须要示例解决一切空洞的问题:
1:字符串首字母大写:
|
console.log("i am a boy !".capitalize())
输出:I Am A Boy !
2:对字符串“张三56分, 李四74分, 王五92分, 赵六84分”的分数提取汇总,算出平均分并输出每一个人的平均分差距。
var s = "张三56分, 李四74分, 王五92分, 赵六84分"; var a = s.match(/\d+/g); var avg = a.reduce(function(obj, item){ return obj + parseFloat(item);},0) / a.length; var result = s.replace(/(\d+)分/g, function(){ var n = parseFloat(arguments[1]); return n + "分" + "(" + ((n > avg) ? ("超出平均分" + (n - avg)) : ("低于平均分" + (avg - n))) + "分)"; }); console.log(result);
输出:
张三56分(低于平均分20.5分), 李四74分(低于平均分2.5分), 王五92分(超出平均分15.5分), 赵六84分(超出平均分7.5分)
JavaScript的replace函数再加上正则的高级应用,JavaScript的replace将会发回更大的威力所在,在这里将再也不深刻正则高级应用断言之类的。