javascript中replace()方法

2016-02-19 16:55 3 1 收藏

下面这个javascript中replace()方法教程由图老师小编精心推荐选出,过程简单易学超容易上手,喜欢就要赶紧get起来哦!

【 tulaoshi.com - Web开发 】

  在javascript中,String的函数replace()简直太让人喜爱了。它灵活而强大的字符替换处理能力,让我不禁想向大家介绍它。

  replace()最简单的算是能力就是简单的字符替换。示例代码如下:

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

script language="javascript"var strM = "javascript is a good script language";//在此我想将字母a替换成字母Aalert(strM.replace("a","A"));/script

  我想大家运行后可以看到结果,它只替换了首字母。但如果加上正则表达式结果就不一样了!呵呵,没错。replace()支持正则表达式,它可以按照正则表达式的规则匹配字符或字符串,然后给予替换!

script language="javascript"var strM = "javascript is a good script language";//在此我想将字母a替换成字母Aalert(strM.replace(/a/,"A"));/script

  呵呵,您一定发现了。这样还是只替换了第一个字母a。如果您熟悉正则,那这就难不住您。稍加修改就OK了。

script language="javascript"var strM = "javascript is a good script language";//在此将字母a全部替换成字母Aalert(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()的原因并不因为它能与正则表达式合作,而在于它还能与函数进行合作,发挥出强大的功能。

  先看看简单例子:将所有单词首字母换成大写。

script language="javascript"var strM = "javascript is a good script language";function change(word){  return word.indexOf(0).toUpperCase()+word.substring(1);}alert(strM.replace(/w+/g,change));/script

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

  由上可知,当正则表达式有"g"标志时,代表将处理整个字符串,即函数change的变换将应用于所有匹配的对象。而该函数有三个或更多参数,具体个数视正则表达式而定。

  有了函数与正则表达式的配合,replace()处理字符串的功能空前强大起来了!

  最后还举个例子,将字符串所有单词倒序,用replace()处理是如此简单。

script language="javascript"var strM = "javascript is a good script language";function change(word){  var result = word.match(/(w)/g);if ( result ){  var str = "";  for ( var i=result.length-1; i=0; i-- )  {   str += result;  }  return str;}else{  return "null";}}alert(strM.replace(/(w)+/g,change));/script

来源:http://www.tulaoshi.com/n/20160219/1613550.html

延伸阅读
标签: Web开发
JavaScript 中的 RegExp 对象用于正则表达式相关的操作,这个对象提供了一个方法 test 来判定某个字符串是否满足某个 pattern. 返回值是 true/false. 今天我碰到了一个问题: [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]这里两个测试的字符串应该都满足正则表达式中的模式,返回 tru...
标签: Web开发
javascript 中的 RegExp 对象用于正则表达式相关的操作,这个对象提供了一个方法 test 来判定某个字符串是否满足某个 pattern. 返回值是 true/false. 今天我碰到了一个问题: script type="text/javascript" !-- var re = /^d+(?:.d)?$/ig;    alert(re.test('112.3')); alert(re.test('33')); /...
标签: Web开发
push 方法 将新元素添加到一个数组中,并返回数组的新长度值。 arrayObj.push([item1 [item2 [. . . [itemN ]]]]) 参数 arrayObj 必选项。一个 Array 对象。 item, item2,. . . itemN 可选项。该 Array 的新元素。 说明 push 方法将以新元素出现的顺序添加这些元素。如果参数之一为数组,那么该数组将作为单个元素添加到数组中。如果要...
标签: Web开发
加法赋值运算符 (+=)。将变量值与表达式值相加,并将和赋给该变量。    在写JavaScrpt的时候经常会用到,说实话我以前不是很理解。看了很多的代码感觉就是因为一个变量太长了用它来分几行来写罢了。但它和解决了我其他的问题。    在一些时候我们需要使用一系列的HTML代码来作为变量,而HTML里面有时时会...
标签: Web开发
JavaScript中splice函数方法是从一个数组中移除一个或多个元素,如果必要,在所移除元素的位置上插入新元素,返回所移除的元素。 arrayObj.splice( start, deleteCount, [item1[, item2[, . . . [,itemN]]]]) 其中arrayObj必选项。一个 Array 对象。 start是必选项。指定从数组中移除元素的开始位置,这个位置是从 0 开...

经验教程

253

收藏

86
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部