JS正则表达式详解

$ 匹配一个输入或一行的结尾，/a$/匹配"An a"，而不匹配"an A" 

* 匹配前面元字符0次或多次，/ba*/将匹配b,ba,baa,baaa 

+ 匹配前面元字符1次或多次，/ba*/将匹配ba,baa,baaa 

? 匹配前面元字符0次或1次，/ba*/将匹配b,ba 

(x) 匹配x保存x在名为$1...$9的变量中 

x|y 匹配x或y 

{n} 精确匹配n次 

{n,} 匹配n次以上 

{n,m} 匹配n-m次 

[xyz] 字符集(character set)，匹配这个集合中的任一一个字符(或元字符) 

[^xyz] 不匹配这个集合中的任何一个字符 

[\b] 匹配一个退格符 

\b 匹配一个单词的边界 

\B 匹配一个单词的非边界 

\cX 这儿，X是一个控制符，/\cM/匹配Ctrl-M 

\d 匹配一个字数字符，/\d/ = /[0-9]/ 

\D 匹配一个非字数字符，/\D/ = /[^0-9]/ 

\n 匹配一个换行符 

\r 匹配一个回车符 

\s 匹配一个空白字符，包括\n,\r,\f,\t,\v等 

\S 匹配一个非空白字符，等于/[^\n\f\r\t\v]/ 

\t 匹配一个制表符 

\v 匹配一个重直制表符 

\w 匹配一个可以组成单词的字符(alphanumeric，这是我的意译，含数字)，包括下划线，如[\w]匹配"$5.98"中的5，等于[a-zA-Z0-9] 

\W 匹配一个不可以组成单词的字符，如[\W]匹配"$5.98"中的$，等于[^a-zA-Z0-9]。

exec、test、match、search、replace在JS中用的很频繁
exec：对string进行正则处理,并返回匹配结果.array[0]为原字符串,array[i]为匹配在整个被搜索字符串中的位置。

test：测试string是否包含有匹配结果，包含返回true，不包含返回false。

match(pattern) ：根据pattern进行正则匹配,如果匹配到,返回匹配结果,如匹配不到返回null

search(pattern) ：根据pattern进行正则匹配,如果匹配到一个结果,则返回它的索引数;否则返回-1

replace(pattern,replacement) ：根据pattern进行正则匹配,把匹配结果替换为replacement

举个栗子！

replace方法是属于String对象的，可用于替换字符串。

简单介绍:

StringObject.replace(searchValue,replaceValue)

1. StringObject:字符串

2. searchValue：字符串或正则表达式

3. replaceValue:字符串或者函数

字符串替换字符串

'I am loser!'.replace('loser','hero')//I am hero!

直接使用字符串能让自己从loser变成hero，但是如果有2个loser就不能一起变成hero了。

'I am loser,You are loser'.replace('loser','hero');//I am hero,You are loser

正则表达式替换为字符串

'I am loser,You are loser'.replace(/loser/g,'hero')//I am hero,You are hero

有趣的替换字符

replaceValue可以是字符串。如果字符串中有几个特定字符的话，会被转换为特定字符串。

字符	替换文本
$&	与正则相匹配的字符串
$`	匹配字符串左边的字符
$’	匹配字符串右边的字符
$1,$2,$,3,…,$n	匹配结果中对应的分组匹配结果

使用$&字符给匹配字符加大括号

var sStr='讨论一下正则表达式中的replace的用法'; 
sStr.replace(/正则表达式/,'{$&}');//讨论一下{正则表达式}中的replace的用法

使用$`和$’字符替换内容

'abc'.replace(/b/,"$`");//aac 
'abc'.replace(/b/,"$'");//acc

使用分组匹配组合新的字符串

'[email protected]'.replace(/(.+)(@)(.*)/,"$2$1")//@nimojs

replaceValue参数可以是一个函数

StringObject.replace(searchValue,replaceValue)中的replaceValue可以是一个函数.

如果replaceValue是一个函数的话那么，这个函数的arguments会有n+3个参数（n为正则匹配到的次数）

先看例子帮助理解：

function logArguments(){    
    console.log(arguments);//["[email protected]", "nimojs", "@", "126.com", 0, "[email protected]"] 
    return '返回值会替换掉匹配到的目标' 
} 
console.log( 
    '[email protected]'.replace(/(.+)(@)(.*)/,logArguments) 
)

参数分别为

1. 匹配到的字符串（此例为[email protected],推荐修改上面代码的正则来查看匹配到的字符帮助理解)

2. 如果正则使用了分组匹配就为多个否则无此参数。（此例的参数就分别为”nimojs”, “@”, “126.com”。推荐修改正则为/nimo/查看控制台中返回的arguments值）

3. 匹配字符串的对应索引位置（此例为0）

4. 原始字符串(此例为[email protected])

使用自定义函数将A-G字符串改为小写

'JAVASCRIPT'.replace(/[A-G]/g,function(){ 
    return arguments[0].toLowerCase(); 
})//JaVaScRIPT

使用自定义函数做回调式替换将行内样式中的单引号删除

'<span style="font-family:\'微软雅黑\';">demospan>'.replace(/\'[^']+\'/g,function(){      
    var sResult=arguments[0]; 
    console.log(sResult);//'微软雅黑' 
    sResultsResult=sResult.replace(/\'/g,''); 
    console.log(sResult);//微软雅黑 
    return sResult; 
})//<span style="font-family:微软雅黑;">demospan>

最后的小试牛刀

这一节是交给阅读者发挥的内容：

1.使用函数自主实现替换字符

字符	替换文本
$&	与正则相匹配的字符串
$`	匹配字符串左边的字符
$’	匹配字符串右边的字符

使用正则但不使用以上替换字符方法来实现有趣的替换字符中的三个实例。

2.洗扑克

需要将ThisNimojs-JavaScript使用正则替换成TJhaivsaNSicmroijpst

                                            

 

原文链接：http://www.nimojs.com/blog/javascript-replace/