您好,欢迎访问一九零五行业门户网

JavaScript 函数replace深入了解_javascript技巧

replace函数接受两个参数,第一个参数为字符串或正则表达式,第一个参数同样可以接受一个字符串,还可能是一个函数。
      首先对于第一个参数为字符串的我们不再需要多说i am a boy.replace(boy,girl),输出:i am a girl。在这里想说的是第一个参数为正则的情形。对于正则表达式来说首先会根据是否全局的(全局//g)决定替换行为,如果是全部的则替换全部替换,非全局的只有替换首个匹配的字符串。例如:
复制代码 代码如下:
ha ha.replace(/\b\w+\b/g, he)  // he he
ha ha.replace(/\b\w+\b/, he)  //he ha
1:第二个参数为字符串:
    对于正则replace约定了一个特殊标记符$:
1.$i (i:1-99) : 表示从左到右正则子表达式所匹配的文本。
2.$&:表示与正则表达式匹配的全文本。
3.$`(`:切换技能键):表示匹配字符串的左边文本。
4.$'(‘:单引号):表示匹配字符串的右边文本。
5.$$:表示$转移。
下面来几个demo:
复制代码 代码如下:
boy & girl.replace(/(\w+)\s*&\s*(\w+)/g,$2 & $1) //girl & boy
boy.replace(/\w+/g,$&-$&) // boy-boy
javascript.replace(/script/,$& != $`) //javascript != java
javascript.replace(/java/,$&$' is ) // javascript is script
2:第二个参数为函数:
      在ecmascript3推荐使用函数方式,实现于javascript1.2.当replace方法执行的时候每次都会调用该函数,返回值作为替换的新值。
     函数参数的规定:
1.第一个参数为每次匹配的全文本($&)。
2.中间参数为子表达式匹配字符串,个数不限.( $i (i:1-99))
3.倒数第二个参数为匹配文本字符串的匹配下标位置。
4.最后一个参数表示字符串本身。
这就是本文所要说replace威力强大的地方,理论的东西都是干货,我们需要示例解决一切空洞的问题:
1:字符串首字母大写:
复制代码 代码如下:
string.prototype.capitalize = function(){
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 s = 张三56分, 李四74分, 王五92分, 赵六84分;
var a = s.match(/\d+/g);
var sum = 0;
for(var i = 0 ; 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分)
       javascript的replace函数再加上正则的高级应用,javascript的replace将会发回更大的威力所在,在这里将不再深入正则高级应用断言之类的。
出处:http://www.cnblogs.com/whitewolf/
其它类似信息

推荐信息