JS利用正则配合replace替换指定字符

转载  发布时间:2013年11月29日 16:03:45   投稿:whsnow   我要评论

替换指定字符的方法有很多,在本文为大家详细介绍下,JS利用正则配合replace是如何做到的,喜欢的朋友可以参考下

定义和用法

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。

语法

stringObject.replace(regexp,replacement)

参数  描述
regexp 必需。规定了要替换的模式的 RegExp 对象。请注意,如果该值是一个字符串,则将它作为要检索的直接量文本模式,而不是首先被转换为 RegExp 对象。
replacement 必需。一个字符串值。规定了替换文本或生成替换文本的函数。

返回值

一个新的字符串,是用 replacement 替换了 regexp 的第一次匹配或所有匹配之后得到的。

说明

字符串 stringObject 的 replace() 方法执行的是查找并替换的操作。它将在 stringObject 中查找与 regexp 相匹配的子字符串,然后用 replacement 来替换这些子串。如果 regexp 具有全局标志 g,那么 replace() 方法将替换所有匹配的子串。否则,它只替换第一个匹配子串。

replacement 可以是字符串,也可以是函数。如果它是字符串,那么没有匹配都将由字符串替换。但是 replacement 中的 $ 字符具有特定的含义。如下表所示,它说明从模式匹配得到的字符串将用于替换。
字符  替换文本
$1、$2、...、$99  与 regexp 中的第 1 到第 99 个子表达式相匹配的文本。
$& 与 regexp 相匹配的子串。
$` 位于匹配子串左侧的文本。
$' 位于匹配子串右侧的文本。
% 直接量符号。

注意:ECMAScript v3 规定,replace() 方法的参数 replacement 可以是函数而不是字符串。在这种情况下,每个匹配都调用该函数,它返回的字符串将作为替换文本使用。该函数的第一个参数是匹配模式的字符串。接下来的参数是与模式中的子表达式匹配的字符串,可以有 0 个或多个这样的参数。接下来的参数是一个整数,声明了匹配在 stringObject 中出现的位置。最后一个参数是 stringObject 本身。

实例

例子 1

在本例中,我们将使用 "W3School" 替换字符串中的 "Microsoft":

复制代码 代码如下:

<script type="text/javascript">

var str="Visit Microsoft!"
document.write(str.replace(/Microsoft/, "W3School"))

</script>

输出:

Visit W3School!

例子 2

在本例中,我们将执行一次全局替换,每当 "Microsoft" 被找到,它就被替换为 "W3School":
复制代码 代码如下:

<script type="text/javascript">

var str="Welcome to Microsoft! "
str=str + "We are proud to announce that Microsoft has "
str=str + "one of the largest Web Developers sites in the world."

document.write(str.replace(/Microsoft/g, "W3School"))

</script>

输出:

Welcome to W3School! We are proud to announce that W3School
has one of the largest Web Developers sites in the world.

例子 3

您可以使用本例提供的代码来确保匹配字符串大写字符的正确:
复制代码 代码如下:

text = "javascript Tutorial";
text.replace(/javascript/i, "JavaScript");

例子 4

在本例中,我们将把 "Doe, John" 转换为 "John Doe" 的形式:
复制代码 代码如下:

name = "Doe, John";
name.replace(/(\w+)\s*, \s*(\w+)/, "$2 $1");

例子 5

在本例中,我们将把所有的花引号替换为直引号:
复制代码 代码如下:

name = '"a", "b"';
name.replace(/"([^"]*)"/g, "'$1'");

例子 6

在本例中,我们将把字符串中所有单词的首字母都转换为大写:
复制代码 代码如下:

name = 'aaa bbb ccc';
uw=name.replace(/\b\w+\b/g, function(word){
return word.substring(0,1).toUpperCase()+word.substring(1);}
);

例子 7
复制代码 代码如下:

var str="fsaf$a$assdfdasfa$a$dsfadsf";
var strr='\$'+'a'+'\$';
var name = '"a", "b"';
var reger=new RegExp("[\$]a[\$]","gm");

alert(str.replace(reger,'555888'));

PS:这里再为大家提供一款功能强大的在线正则工具供大家使用:

JavaScript正则表达式在线测试工具:

http://tools.jb51.net/regex/javascript

正则表达式在线生成工具:

http://tools.jb51.net/regex/create_reg

相关文章

  • 日常收集整理php正则表达式(超常用)

    日常收集整理php正则表达式(超常用)

    正则表达式用于字符串处理、表单验证等场合,实用效率非常高,本文给大家收集整理了些php常用正则表达式,对php常用正则表达式感兴趣的朋友可以参考下本篇文章
    2015-10-10
  • 正则表达式如何在PHP里灵活的应用

    正则表达式如何在PHP里灵活的应用

    正则表达式也称为模式表达式,自身具有一套非常完整的、可以编写模式的语法体系,提供了一种灵活且直观的字符串处理方法,本文给大家介绍正则表达式如何在PHP里巧妙的应用,需要的朋友参考下吧
    2016-03-03
  • 正则表达式教程之子表达式用法分析

    正则表达式教程之子表达式用法分析

    这篇文章主要介绍了正则表达式教程之子表达式用法,分析了正则表达式中子表达式的概念、功能与使用方法,需要的朋友可以参考下
    2017-01-01
  • 正则替换字符串功能

    正则替换字符串功能

    正则替换字符串功能...
    2007-10-10
  • 常用证件号码的正则表达式大全(收集整理)

    常用证件号码的正则表达式大全(收集整理)

    前段时间做一个项目,需要对各种常用证件进行验证。而港澳通行证,台湾通行证,护照这些证件,在网上并没有找到做正则验证的方法。后来从脚本之家网站的代码中发现了这些验证规则,特效分享给大家,供大家参考
    2017-03-03
  • js正则表达式之RegExp对象之compile方法  编译正则表达式

    js正则表达式之RegExp对象之compile方法 编译正则表达式

    该方法可以编译指定的正则表达式,编译之后的正则表达式执行速度将会提高,如果正则表达式多次被调用,那么调用compile方法可以有效的提高代码的执行速度,如果该正则表达式只能被使用一次,则不会有明显的效果
    2012-10-10
  • 正则基础之 神奇的转义

    正则基础之 神奇的转义

    不同的语言或应用场景下,正则定义方式、元字符出现的位置不同,转义的方式也是林林总总,不一而同
    2012-10-10
  • PHP中基于perl的正则表达式处理函数

    PHP中基于perl的正则表达式处理函数

    和正则表达式一样,正则表达式处理函数不能够独立使用,而这必须相结合,才能够完成特定的功能。我们只介绍以preg开头的基于perl的正则表达式。
    2015-10-10
  • 正则表达式之 Unicode 匹配特殊字符

    正则表达式之 Unicode 匹配特殊字符

    本篇文章由脚本之家小编给大家分享正则表达式巧用 Unicode关键字 匹配特殊字符,感兴趣的朋友一起学习吧
    2015-09-09
  • 一个正则的写法 php

    一个正则的写法 php

    一个正则的写法 php...
    2006-10-10

最新评论