您的当前位置:首页正文

js中replace的用法

2023-03-20 来源:星星旅游
js中replace的⽤法

replace⽅法的语法是:stringObj.replace(rgExp, replaceText) 其中stringObj是字符串(string),reExp可以是正则表达式对象(RegExp)也可以是字符串(string),replaceText是替代查找到的字符串。。为了帮助⼤家更好的理解,下⾯举个简单例⼦说明⼀下Js代码

终古”为“中国”的值没有改变中国\");

⽐我聪明的你,看完上⾯的例⼦之后,会发现第⼆个错别字“终古”并没有被替换成“中国”,我们可以执⾏⼆次replace⽅法把第⼆个错别字“终古”也替换掉,程序经过改进之后如下:Js代码

终古”为“中国”的值没有改变中国\");中国\");

我们可以仔细的想⼀下,如果有N的N次⽅个错别字,是不是也要执⾏N的N次⽅replace⽅法来替换掉错别字呢??呵,不⽤怕,有了正则表达式之后不⽤⼀个错别字要执⾏⼀次replace⽅法。。程序经过改进之后的代码如下Js代码

创建正则RegExp对象

上⾯讲的是replace⽅法最简单的应⽤,不知道⼤家有没有看懂??下⾯开始讲稍微复杂⼀点的应⽤。。

⼤家在⼀些⽹站上搜索⽂章的时候,会发现这么⼀个现象,就是搜索的关键字会⾼亮改变颜⾊显⽰出来??这是怎么实现的呢??其实我们可以⽤正则表达式来实现,具体怎么样实现呢?简单的原理请看下⾯的代码Js代码

上⾯的程序缺少互动性,我们再改进⼀下程序,实现可以⾃主输⼊要查找的字符Js代码

⼈\");

  可能⼤家都会对$1这个特殊字符表⽰什么意思不是很理解,其实$1表⽰的就是左边表达式中括号内的字符,即第⼀个⼦匹配,同理可得$2表⽰第⼆个⼦匹配。。什么是⼦匹配呢??通俗点讲,就是左边每⼀个括号是第⼀个字匹配,第⼆个括号是第⼆个⼦匹配。。

   当我们要把查找到的字符进⾏运算的时候,怎么样实现呢??在实现之前,我们先讲⼀下怎么样获取某⼀个函数的参数。。在函

数Function的内部,有⼀个arguments集合,这个集合存储了当前函数的所有参数,通过arguments可以获取到函数的所有参数,为了⼤家理解,请看下⾯的代码Js代码

alert(\"alert(\"alert(\"

//循环读取所有的参数

看懂上⾯的程序之后,我们再来看下⾯⼀个有趣的程序Js代码

我们惊奇的发现,匿名函数竟然被执⾏了⼆次,并且在函数⾥还带有三个参数,为什么会执⾏⼆次呢??这个很容易想到,因为我们写的正则表达式是匹配单个数字的,⽽被检测的字符串刚好也有⼆个数字,故匿名函数被执⾏了⼆次。。在匿名函数内部的那三个参数到底是什么内容呢??为了弄清这个问题,我们看下⾯的代码。Js代码

for(var i=0;i经过观察我们发现,第⼀个参数表⽰匹配到的字符,第⼆个参数表⽰匹配时的字符最⼩索引位置(RegExp.index),第三个参数表⽰被匹配的字符串(RegExp.input)。其实这些参数的个数,还会随着⼦匹配的变多⽽变多的。弄清这些问题之后,我们可以⽤另外的⼀种写法Js代码

return \"\"+$1+\"\"⼈\");

看了上⾯的程序,原来可以对匹配到的字符为所欲为。下⾯简单举⼀个应⽤的例⼦Js代码

因篇幅问题不能全部显示,请点此查看更多更全内容