当前位置:首页 > 网站制作 > JavaScript教程 > javascript笔记--String类replace函数的一些事

javascriptreplace javascript笔记--String类replace函数的一些事

2017-01-07 | 来源:网络 | 关键字: javascriptreplace stringreplace函数
加固javascript基础知识目的是为以后研究jQuery源码做好铺垫。我最近查阅javascript资料,发现了一个函数:function format(s){var args = argumen

加固javascript基础知识目的是为以后研究jQuery源码做好铺垫。

我最近查阅javascript资料,发现了一个函数:

function format(s){var args = arguments;var pattern = new RegExp("%([1-" + arguments.length + "])","g");return String(s).replace(pattern,function(word,index){return args[index];});}// test window.onload = alert(format("And the %1 want to know whose %2 you %3", "papers", "shirt", "wear"));//And the papers want to know whose shirt you wear

这种功能的函数,在shell或java都似曾见过,但是在javascript函数实现的方法很新颖。新颖的地方就是在:

return String(s).replace(pattern,function(word,index){return args[index];});

但是这里String类的replace的用法和我平时用的很不一样,我以前写过一个这样的replace的函数:

function myReplace(s){return String(s).replace(/CJ[0-9]{2}/g,function(word){return word = 'CJJK00';});}//window.onload = alert(myReplace('CJ9080,CJ8976,CJ12919,CJ8765'));//CJJK0080,CJJK0076,CJJK00919,CJJK0065

我在使用replace时候,如果第二个参数是function我一般都只用到第一个参数,基本没有思考它的第二个,第三个或者更多的参数,现在看到有人使用了第二个参数,就很想探求下replace第二个参数使用到了function时候,里面参数到底有多少个,每个的含义到底如何?

下面是我改写了我自己写的替换函数:

function myReplaceFtn(s){return String(s).replace(/CJ[0-9]{2}/g,function(word,index){return word = 'CJJK00@' + index + "@";});}//window.onload = alert(myReplaceFtn('CJ9080,CJ8976,CJ12919,CJ8765'));//CJJK00@0@80,CJJK00@7@76,CJJK00@14@919,CJJK00@22@65

本来我以为,函数format里的function(word,index),我认为应该是正则表达式所匹配字符串的索引(%1的索引为1,%2的索引为2,%3的索引为3),而我写的函数里面第二个参数index不是被匹配到字符串的索引,而是被匹配到的字符在原字符串的位置。下面我做了这样的测试:

function format(s){var args = arguments;var pattern = new RegExp("%([1-" + arguments.length + "])","g");return String(s).replace(pattern,function(word,index){alert("arguments.length:" + arguments.length);//4return args[index];});}function myReplaceFtn(s){return String(s).replace(/CJ[0-9]{2}/g,function(word,index){alert("arguments.length:" + arguments.length);//3return word = 'CJJK00@' + index + "@";});}

函数format里面function(word,index)的参数有4个,而函数myReplaceFtn(s)里面function(word,index)的参数有3个。为什么会有这样的不同?我做了如下测试:

//以下程序在firefox里面运行function newformat(s){var args = arguments;var pattern = new RegExp("%([1-" + arguments.length + "])","g");return String(s).replace(pattern,function(word,index){console.log("arguments.length:" + arguments.length);for (var i = 0,j = arguments.length;i<j;i++){console.log("标示newformat" + i + ":" + arguments[i]);}return args[index];});}function newmyReplace(s){return String(s).replace(/CJ[0-9]{2}/g,function(word){console.log("arguments.length:" + arguments.length);for (var i = 0,j = arguments.length;i<j;i++){console.log("标示newmyReplace" + i + ":" + arguments[i]);}return word = 'CJJK00';});}结果:arguments.length:4标示newformat0:%1标示newformat1:1标示newformat2:8标示newformat3:And the %1 want to know whose %2 you %3arguments.length:4标示newformat0:%2标示newformat1:2标示newformat2:30标示newformat3:And the %1 want to know whose %2 you %3arguments.length:4标示newformat0:%3标示newformat1:3标示newformat2:37标示newformat3:And the %1 want to know whose %2 you %3arguments.length:3标示newmyReplace0:CJ90标示newmyReplace1:0标示newmyReplace2:CJ9080,CJ8976,CJ12919,CJ8765arguments.length:3标示newmyReplace0:CJ89标示newmyReplace1:7标示newmyReplace2:CJ9080,CJ8976,CJ12919,CJ8765arguments.length:3标示newmyReplace0:CJ12标示newmyReplace1:14标示newmyReplace2:CJ9080,CJ8976,CJ12919,CJ8765arguments.length:3标示newmyReplace0:CJ87标示newmyReplace1:22标示newmyReplace2:CJ9080,CJ8976,CJ12919,CJ8765

对于回调函数里的arguments值现在比较清晰了,arguments个数的不同应该和我们写的正则表达式有关系,不管怎样,第一个参数是匹配到的字符串,最后一个是原字符串,倒数第二个参数是匹配到的字符串的在原字符串索引的起始位,像format里的第二个参数index根据情况而定了,我自己写的newmyReplace里没有这个参数,format的index参数是%[1-4],里面的1-4,不过还是写个方法确定下:

function charFormat(s){var pattern = new RegExp("%([a-d])","g");return String(s).replace(pattern,function(word,index){switch(index){case 'a':return 'thisisA';case 'b':    return 'thisisB';case 'c':    return 'thisisC';case 'd':    return 'thisisD';default:    return 'thisisNULL';}});}window.onload = console.log(charFormat(&qwww.alonely.com.cnuot;And the %a want to know whose %d you %b", "papers", "shirt", "wear"));
//And the thisisA want to know whose thisisD you thisisB

由此可见String的replace是相当的强大,不过本人正则表达式功力还不够,不知道还有什么别的特别的正则表达式会产生什么不同的结果。另外不知道谁有javascript里面String类replace原始写法,希望能贡献出来,我想好好研究下。

评论

评论数10

表情
发表评论
网友评论仅供其表达个人看法,并不表明网易立场。
《javascript笔记--String类replace函数的一些事》更多评论

头条推荐

阅读下一篇

七款实用的Javascript代码高亮脚本

代码高亮很有用,特别是在需要在网站或者blog中显示自己编写的代码的时候,或者给其他人查看或调试语法错误的时候。我们可以在显示中支持代码高亮,以便于阅读者可以十分方便的读取代码块、增加用户阅读代码的良 ... 查看全文

返回JavaScript教程 返回网站首页