JS的replace方法与正则表达式结合应用讲解

2024-05-06 14:18:39

字体：大中小

来源：转载

供稿：网友

代码如下:
<script language="javascript">
var stringObj="终古人民共和国，终古人民";

//替换错别字“终古”为“中国”
//并返回替换后的新字符
//原字符串stringObj的值没有改变
var newstr=stringObj.replace("终古","中国");
alert(newstr);
</script>

   比我聪明的你，看完上面的例子之后，会发现第二个错别字“终古”并没有被替换成“中国”，我们可以执行二次replace方法把第二个错别字“终古”也替换掉，程序经过改进之后如下：

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
   我们可以仔细的想一下，如果有N的N次方个错别字，是不是也要执行N的N次方replace方法来替换掉错别字呢？？呵，不用怕，有了正则表达式之后不用一个错别字要执行一次replace方法。。程序经过改进之后的代码如下

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上面讲的是replace方法最简单的应用，不知道大家有没有看懂？？下面开始讲稍微复杂一点的应用。。

   大家在一些网站上搜索文章的时候，会发现这么一个现象，就是搜索的关键字会高亮改变颜色显示出来？？这是怎么实现的呢？？其实我们可以用正则表达式来实现，具体怎么样实现呢？简单的原理请看下面的代码

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

上面的程序缺少互动性，我们再改进一下程序，实现可以自主输入要查找的字符

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
　　可能大家都会对$1这个特殊字符表示什么意思不是很理解，其实$1表示的就是左边表达式中括号内的字符，即第一个子匹配，同理可得$2表示第二个子匹配。。什么是子匹配呢？？通俗点讲，就是左边每一个括号是第一个字匹配，第二个括号是第二个子匹配。。

上一篇：js让弹出新窗口居中显示的脚本

下一篇：两个DIV等高的JS的实现代码

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注