JavaScript 函数replace深入了解

replace函数接受两个参数,第一个参数为字符串或正则表达式，第一个参数同样可以接受一个字符串，还可能是一个函数。首先对于第一个参数为字符串的我们不再需要多说"I am a boy".replace("boy","girl"),输出："I am a girl"。在这里想说的是第一个参数为正则的情形。对于正则表达式来说首先会根据是否全局的（全局//g）决定替换行为，如果是全部的则替换全部替换，非全局的只有替换首个匹配的字符串。例如：复制代码代码如下:"Ha Ha".replace(/bw+b/g, "He") // He He "Ha Ha".replace(/bw+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 < 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分) JavaScript的replace函数再加上正则的高级应用，JavaScript的replace将会发回更大的威力所在，在这里将不再深入正则高级应用断言之类的。出处：http://www.cnblogs.com/whitewolf/

　　推荐阅读

　　JQuery的read函数与js的onload不同方式实现

js的onload实现: 复制代码代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta htt>>>详细阅读

本文标题：JavaScript 函数replace深入了解

地址：http://www.17bianji.com/kaifa2/JS/22249.html

1/2 1