繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript replace()用法详解附实例代码
- Javascript
- 实用的JS表单验证提示效果
- CSS 直方图布局示例
- jquery 动态调整textarea高度
- jquery animate 动画效果使用说明
- jquery checkbox全选反选效果代码
- jquery (show,fadeOut,Animate)简单效果
- JavaScript 抽奖效果实现代码 数字跳动版
- javascript Math.random()随机数函数
- jQuery 加上最后自己的验证
- JavaScript 自动分号插入（JavaScript synat:auto semicolon insertion）
- 兼容多浏览器的iframe自适应高度(ie8 、谷歌浏览器4.0和 firefox3.5.3)
- javascript 打印内容方法小结
- jQuery toggle()设置CSS样式
- javaScript parseInt字符转化为数字函数使用小结
- 模仿JQuery sortable效果 代码有错但值得看看
- javascript 常见的闭包问题的解决办法
- 在js中单选框和复选框获取值的方式
- 按键盘方向键翻页跳转的javascript代码(支持ie,firefox)
- js 操作table之 移动TR位置 兼容FF 跟 IE
- csdn 论坛技术区平均给分功能
Javascript 中的 javascript replace()用法详解附实例代码
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 132 ::
收藏到网摘: n/a
在javascript中，String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力，让我不禁想向大家介绍它。 replace()最简单的算是能力就是简单的字符替换。示例代码如下：
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
我想大家运行后可以看到结果，它只替换了首字母。但如果加上正则表达式结果就不一样了！呵呵，没错。replace()支持正则表达式，它可以按照正则表达式的规则匹配字符或字符串，然后给予替换！
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
呵呵，您一定发现了。这样还是只替换了第一个字母a。如果您熟悉正则，那这就难不住您。稍加修改就OK了。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
还可以这样，看看效果！
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
我这儿举的例子都是很简单的应用，replace()在此点上与您使用正则表达式的能力成正比。您正则表达式越强，呵呵，那您就会越疯狂的爱上它。
当然，我这儿推荐replace()的原因并不因为它能与正则表达式合作，而在于它还能与函数进行合作，发挥出强大的功能。
先看看简单例子：将所有单词首字母换成大写。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
由上可知，当正则表达式有"g"标志时，代表将处理整个字符串，即函数change的变换将应用于所有匹配的对象。而该函数有三个或更多参数，具体个数视正则表达式而定。
有了函数与正则表达式的配合，replace()处理字符串的功能空前强大起来了！
最后还举个例子，将字符串所有单词倒序，用replace()处理是如此简单。
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
评论 (0) All
