解析Javascript中replace()方法使用

开发 前端
本文向大家简单介绍一下Javascript中replace()方法,因为在javascript中,String的函数replace()有灵活而强大的字符替换处理能力。

你知道Javascript中replace()方法的使用吗,这里向大家描述一下,相信本文介绍一定会让你有所收获。

Javascript中replace()方法

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

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

  1. <scriptlanguagescriptlanguage="javascript"> 
  2. varstrM="javascriptisagoodscriptlanguage";  
  3. //在此我想将字母a替换成字母A  
  4. alert(strM.replace("a","A"));  
  5. </script> 

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

  1. <scriptlanguagescriptlanguage="javascript"> 
  2. varstrM="javascriptisagoodscriptlanguage";  
  3. //在此我想将字母a替换成字母A  
  4. alert(strM.replace(/a/,"A"));  
  5. </script> 

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

  1. <scriptlanguagescriptlanguage="javascript"> 
  2. varstrM="javascriptisagoodscriptlanguage";  
  3. //在此将字母a全部替换成字母A  
  4. alert(strM.replace(/a/g,"A"));  
  5. </script> 

  还可以这样,看看效果!

  1. <scriptlanguagescriptlanguage="javascript"> 
  2. varstrM="javascriptisagoodscriptlanguage";  
  3. alert(strM.replace(/(javascript)s*(is)/g,"$1$2fun.it$2"));  
  4. </script> 

  我这儿举的例子都是很简单的应用,replace()在此点上与您使用正则表达式的能力成正比。您正则表达式越强,呵呵,那您就会越疯狂的爱上它。

  当然,我这儿推荐replace()的原因并不因为它能与正则表达式合作,而在于它还能与函数进行合作,发挥出强大的功能。

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

  1. <scriptlanguagescriptlanguage="javascript"> 
  2. varstrM="javascriptisagoodscriptlanguage";  
  3. functionchange(word)  
  4. {  
  5.  returnword.indexOf(0).toUpperCase()+word.substring(1);  
  6. }  
  7. alert(strM.replace(/w+/g,change));  
  8. </script> 

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

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

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

  1. <scriptlanguagescriptlanguage="javascript"> 
  2. varstrM="javascriptisagoodscriptlanguage";  
  3. functionchange(word)  
  4. {  
  5.  varresult=word.match(/(w)/g);  
  6. if(result)  
  7. {  
  8.  varstr="";  
  9.  for(vari=result.length-1;i>=0;i--)  
  10.  {  
  11.   str+=result;  
  12.  }  
  13.  returnstr;  
  14. }  
  15. else  
  16. {  
  17.  return"null";  
  18. }  
  19. }  
  20. alert(strM.replace(/(w)+/g,change));  
  21. </script> 

【编辑推荐】

  1. JavaScript对象的定义及创建实例
  2. JavaScript函数的定义及形式参数
  3. C#代码与JavaScript函数的相互调用
  4. JavaScript函数中arguments对象
  5. Javascript中CSS属性float特殊写法

 

责任编辑:佚名 来源: tech.ddvip.com
相关推荐

2013-11-05 13:29:04

JavaScriptreplace

2010-10-08 14:27:25

JavascriptSplit

2009-03-10 11:18:13

2024-09-27 09:12:12

JavaScriptscrollTo窗口

2011-06-14 10:18:58

QThread Qt 线程

2016-11-14 19:45:39

JavaScript

2010-10-08 14:19:34

JavaScript split()

2009-02-17 11:23:08

2019-02-26 13:00:11

JavaScriptURL前端

2021-08-11 22:50:53

JavaScript编程开发

2017-05-23 15:47:04

JavaScriptthis解析

2024-07-11 14:05:28

JavaScript函数

2024-09-03 13:32:11

JavaScriptEval函数

2010-10-08 12:52:33

Javascriptreplace

2021-07-16 07:57:35

JavaScriptEval函数

2013-06-08 17:09:35

Android开发移动开发XML解析

2011-08-11 17:00:33

iPhone数据库SQLite

2009-09-24 13:25:58

Hibernate m

2023-06-28 08:34:02

Bind()函数JavaScript

2021-02-07 22:59:55

JavaScript编程方法链
点赞
收藏

51CTO技术栈公众号