深入剖析Javascript replace函数用法

开发 前端
JavaScript中replace()方法如果直接用str.replace("-","!")只会替换第一个匹配的字符.str.replace(/-/g,"!")则可以替换掉全部匹配的字符(g为全局标志)。

本文向大家简单介绍一下Javascript replace函数的用法,为了便于大家理解通过图里向大家解释,相信本文介绍一定会让你有所收获。

Javascript replace函数

***次发现JavaScript中replace()方法如果直接用str.replace("-","!")只会替换***个匹配的字符.而str.replace(/-/g,"!")则可以替换掉全部匹配的字符(g为全局标志)。

replace方法

语法

  stringObj.replace(rgExp,replaceText)

  replace方法的语法包括下述部分:

部分描述

  stringObj必选项。要执行该替换的String对象或文字。该对象不会被replace方法修改。

  rgExp必选项。描述要查找的内容的一个正则表达式对象。

  replaceText必选项。是一个String对象或文字,对于stringObj中每个匹配rgExp中的位置都用该对象所包含的文字加以替换。

下面的示例演示了Javascript 中replace方法的用法:

  1. functionReplaceDemo()  
  2. {  
  3. varr,re;  
  4. vars="Thequickbrownfoxjumpedoverthelazyyellowdog.";  
  5. re=/fox/i;  
  6. r=s.replace(re,"pig");  
  7. return(r);  
  8. }  

另外,replace方法也可以替换模式中的子表达式。下面的范例演示了交换字符串中的每一对单词: 

  1. functionReplaceDemo()  
  2. {  
  3. varr,re;  
  4. vars="Thequickbrownfoxjumpedoverthelazyyellowdog.";  
  5. re=/(S+)(s+)(S+)/g;  
  6. r=s.replace(re,"$3$2$1");//交换每一对单词。  
  7. return(r);  
  8. }  

   JavaScript中replace()方法如果直接用str.replace("-","!")只会替换***个匹配的字符.str.replace(/-/g,"!")则可以替换掉全部匹配的字符(g为全局标志)。

【编辑推荐】

  1. 解析Javascript中replace()方法使用
  2. JavaScript函数的定义及形式参数
  3. 循环结构中JavaScript匿名函数用法实例解析
  4. JavaScript函数中arguments对象
  5. Javascript中CSS属性float特殊写法

 

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

2011-06-03 13:48:18

JavaScript重构

2013-11-05 13:29:04

JavaScriptreplace

2010-09-06 12:32:10

CSS伪元素

2010-02-06 16:05:51

C++ Vector

2010-08-16 11:19:31

DIV

2023-05-12 08:11:58

JavaScriptJSON克隆

2010-09-13 13:21:29

CSS排版

2010-10-08 15:17:47

JavaScriptJava

2010-10-08 14:19:34

JavaScript split()

2010-10-09 09:46:11

indexOf函数JavaScript

2010-10-09 09:10:20

JavaScriptalert

2019-11-05 10:03:08

callback回调函数javascript

2009-09-27 17:13:36

Hibernate V

2009-07-06 10:44:45

JSP charset

2010-06-03 13:08:51

2010-10-08 14:31:46

Javascriptsplit函数

2010-05-25 12:59:00

Subversion

2009-09-14 15:12:40

LINQ to XML

2010-08-24 16:17:27

CSS简写

2020-12-16 09:47:01

JavaScript箭头函数开发
点赞
收藏

51CTO技术栈公众号