javascript replace()方法的简单分析

 更新时间:2008年11月26日 13:54:10   作者:  
javascript中replace()在javascript中,String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力,让我不禁想向大家介绍它。
replace()最简单的算是能力就是简单的字符替换。示例代码如下:
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想将字母a替换成字母A
alert(strM.replace("a","A"));
</script>
  我想大家运行后可以看到结果,它只替换了首字母。但如果加上正则表达式结果就不一样了!呵呵,没错。replace()支持正则表达式,它可以按照正则表达式的规则匹配字符或字符串,然后给予替换!
<script language="javascript">
var strM = "javascript is a good script language";
//在此我想将字母a替换成字母A
alert(strM.replace(/a/,"A"));
</script>
  呵呵,您一定发现了。这样还是只替换了第一个字母a。如果您熟悉正则,那这就难不住您。稍加修改就OK了。
<script language="javascript">
var strM = "javascript is a good script language";
//在此将字母a全部替换成字母A
alert(strM.replace(/a/g,"A"));
</script>
  还可以这样,看看效果!
<script language="javascript">
var strM = "javascript is a good script language";
alert(strM.replace(/(javascript)\s*(is)/g,"$1 $2 fun. it $2"));
</script>
  我这儿举的例子都是很简单的应用,replace()在此点上与您使用正则表达式的能力成正比。您正则表达式越强,呵呵,那您就会越疯狂的爱上它。
  当然,我这儿推荐replace()的原因并不因为它能与正则表达式合作,而在于它还能与函数进行合作,发挥出强大的功能。
  先看看简单例子:将所有单词首字母换成大写。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

  由上可知,当正则表达式有"g"标志时,代表将处理整个字符串,即函数change的变换将应用于所有匹配的对象。而该函数有三个或更多参数,具体个数视正则表达式而定。
  有了函数与正则表达式的配合,replace()处理字符串的功能空前强大起来了!
  最后还举个例子,将字符串所有单词倒序,用replace()处理是如此简单。

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

相关文章

  • JS中apply()的应用实例分析

    JS中apply()的应用实例分析

    这篇文章主要介绍了JS中apply()的应用,结合实例形式分析了apply()操作数组的相关使用技巧,需要的朋友可以参考下
    2019-06-06
  • javascript回到顶部特效

    javascript回到顶部特效

    这篇文章主要为大家详细介绍了javascript回到顶部特效,具有一定的参考价值,感兴趣的朋友可以参考一下
    2016-07-07
  • JavaScript下通过的XMLHttpRequest发送请求的代码

    JavaScript下通过的XMLHttpRequest发送请求的代码

    JavaScript下通过的XMLHttpRequest发送请求的代码,需要的朋友可以参考下。
    2011-06-06
  • JS上传前预览图片实例

    JS上传前预览图片实例

    上传图片对图片进行一下预览,可以了解图片上传后大概会是什么样子,此功能用js实现,然后在fileupload控件的change事件中调用,这样当用fileupload选择完图片以后,图片就会自动显示出来了。功能很简单,却很实用。
    2013-03-03
  • 关于arguments,callee,caller等的测试

    关于arguments,callee,caller等的测试

    关于arguments,callee,caller等的测试...
    2006-12-12
  • js的继承方法小结(prototype、call、apply)(推荐)

    js的继承方法小结(prototype、call、apply)(推荐)

    这篇文章主要介绍了js的继承方法小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • js中indexOf()的简单使用示例

    js中indexOf()的简单使用示例

    indexOf在js中有着重要的作用,可以判断一个元素是否在数组中存在,或者判断一个字符是否在字符串中存在,下面这篇文章主要给大家介绍了关于js中indexOf()简单使用的相关资料,需要的朋友可以参考下
    2023-01-01
  • JavaScript 拖放效果代码

    JavaScript 拖放效果代码

    拖放效果,也叫拖拽、拖动,学名Drag-and-drop ,是最常见的js特效之一。 如果忽略很多细节,实现起来很简单,但往往细节才是难点所在。
    2008-12-12
  • 每天一篇javascript学习小结(Boolean对象)

    每天一篇javascript学习小结(Boolean对象)

    这篇文章主要介绍了javascript中的Boolean对象知识点,对Boolean对象的基本使用方法进行解释,一段很详细的代码介绍,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • js实现顶部可折叠的菜单工具栏效果实例

    js实现顶部可折叠的菜单工具栏效果实例

    这篇文章主要介绍了js实现顶部可折叠的菜单工具栏效果,可实现鼠标滑过菜单工具栏出现折叠与展开效果,涉及javascript鼠标事件及样式的操作技巧,需要的朋友可以参考下
    2015-05-05

最新评论