javascript中replace()方法

疯阔阔

疯阔阔

2016-02-19 16:55

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

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

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

(本文来源于图老师网站,更多请访问http://m.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

  还可以这样,看看效果!

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

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

  由上可知,当正则表达式有"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

展开更多 50%)
分享

猜你喜欢

javascript中replace()方法

Web开发
javascript中replace()方法

JavaScript 中的replace方法

电脑网络
JavaScript 中的replace方法

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

javascript中replace()用法详解

Web开发
javascript中replace()用法详解

javascript中replace()函数用法小谈

Web开发
javascript中replace()函数用法小谈

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

JavaScript replace new RegExp

Web开发
JavaScript replace new RegExp

javascript replace方法与正则表达式

Web开发
javascript replace方法与正则表达式

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

JavaScript中small函数

JavaScript中small函数

解决升级win10没有boot.wim的问题

解决升级win10没有boot.wim的问题
下拉加载更多内容 ↓