javascript replace()用法详解附实例代码
更新时间：2008年10月24日 00:37:42 作者：
在javascript中，String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力，让我不禁想向大家介绍它。
replace()最简单的算是能力就是简单的字符替换。示例代码如下：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
我想大家运行后可以看到结果，它只替换了首字母。但如果加上正则表达式结果就不一样了！呵呵，没错。replace()支持正则表达式，它可以按照正则表达式的规则匹配字符或字符串，然后给予替换！
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
呵呵，您一定发现了。这样还是只替换了第一个字母a。如果您熟悉正则，那这就难不住您。稍加修改就OK了。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
还可以这样，看看效果！
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
我这儿举的例子都是很简单的应用，replace()在此点上与您使用正则表达式的能力成正比。您正则表达式越强，呵呵，那您就会越疯狂的爱上它。
当然，我这儿推荐replace()的原因并不因为它能与正则表达式合作，而在于它还能与函数进行合作，发挥出强大的功能。
先看看简单例子：将所有单词首字母换成大写。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
由上可知，当正则表达式有"g"标志时，代表将处理整个字符串，即函数change的变换将应用于所有匹配的对象。而该函数有三个或更多参数，具体个数视正则表达式而定。
有了函数与正则表达式的配合，replace()处理字符串的功能空前强大起来了！
最后还举个例子，将字符串所有单词倒序，用replace()处理是如此简单。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
我想大家运行后可以看到结果，它只替换了首字母。但如果加上正则表达式结果就不一样了！呵呵，没错。replace()支持正则表达式，它可以按照正则表达式的规则匹配字符或字符串，然后给予替换！
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
呵呵，您一定发现了。这样还是只替换了第一个字母a。如果您熟悉正则，那这就难不住您。稍加修改就OK了。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
还可以这样，看看效果！
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
我这儿举的例子都是很简单的应用，replace()在此点上与您使用正则表达式的能力成正比。您正则表达式越强，呵呵，那您就会越疯狂的爱上它。
当然，我这儿推荐replace()的原因并不因为它能与正则表达式合作，而在于它还能与函数进行合作，发挥出强大的功能。
先看看简单例子：将所有单词首字母换成大写。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
由上可知，当正则表达式有"g"标志时，代表将处理整个字符串，即函数change的变换将应用于所有匹配的对象。而该函数有三个或更多参数，具体个数视正则表达式而定。
有了函数与正则表达式的配合，replace()处理字符串的功能空前强大起来了！
最后还举个例子，将字符串所有单词倒序，用replace()处理是如此简单。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
您可能感兴趣的文章:
相关文章
如果知道这个对象的所有属性自然就可以重新new一个，然后对每个属性赋值，就可以做到，但如果不知道呢？如何创建一个内容相同 的对象呢？下面有个不错的示例，大家可以看看2013-10-10
这篇文章介绍了比较新旧两个数组值得增加和删除的JS代码，有需要的朋友可以参考一下2013-10-10
这篇文章主要介绍了在前端开发中判断用户登录状态是否过期的方法,包括检查令牌有效期、定时轮询服务器、全局请求拦截器和利用Web存储中的时间戳,文章还讨论了在特定场景下如何实现优雅降级,以避免中断用户操作,需要的朋友可以参考下2024-11-11
这篇文章主要介绍了JS如何替换文本域内的回车,需要的朋友可以参考下2014-02-02
最近用到scrolloTop()想去获取滚动条距离顶部的距离，结果只有chrome下面可以正常的获取scrollTop，ff和ie下这个值都等于0，使得许多效果比如屏幕滚动等等均无法正常实现。究其原因是scrollTop()在各个浏览器中的兼容性问题，今天我们就来详细探讨下。2015-04-04
本文主要介绍了Typescript井字棋的项目实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-08-08
如果你想在保持文件的时候或执 行的阶段lint代码，那么linting工具也可以如你所愿。这取决于个人的选择。如果你正在找寻用于CSS和JavaScript最好的 linting工具，那么请继续阅读2016-05-05
这篇文章主要介绍了基于JavaScript实现简单抽奖功能代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-10-10
仅IE不支持setTimeout/setInterval函数的第三个以上参数
setTimeout/setInterval，这两个函数相信前端开发同学都很熟悉。它们在非IE(6-9)浏览器中还可以如下使用2011-05-05
在现代软件开发中,数据结构的设计至关重要,它直接影响到程序的性能和可维护性,TypeScript 作为一种静态类型的超集,为 JavaScript 带来了类型系统,本文将探讨如何利用 TypeScript 的接口（Interfaces）来优化数据结构,需要的朋友可以参考下2024-09-09
最新评论