JavaScript RegExp课程整理

tool web

https://regexper.com/#%2F%5Cb%5Cw%7B7%2C%7D%5Cb%2F  正则可视化，并可download到本地离线使用

http://regexr.com/ reg在线测试，好用。

https://jsbin.com/qolosehipi/edit?js,console js代码在线调试

 

概述

简单来讲,reg就是按规则匹配符合条件的字符串。

通配符

？ 零或一个

+ 一或多个

* 任意个

\b 单词边界

. 任意字符

\ 转义符

例子

匹配以http开头，.com结尾的网址 http:\/\/.+\.com

匹配yyyy-MM-dd or yyyy/MM/dd ^\d{4}[/-]\d{2}[/-]\d{2}$

使用()进行分组，例如将yyyy-MM-dd 转换为 MM/dd/yyyy   

console.log('2015-12-03'.replace(/^(\d{4})[/-](\d{2})[/-](\d{2})$/,'$2/$3/$1'))

 js RegExp对象

实例化方式

1 字面量

var reg=/\b\w{4,}\b/g

2构造函数

var reg=new RegExp("\b\w{4,}\b","g")

对象属性

属性	描述	FF	IE
global	RegExp 对象是否具有标志 g。	1	4
ignoreCase	RegExp 对象是否具有标志 i。	1	4
lastIndex	一个整数，标示开始下一次匹配的字符位置。	1	4
multiline	RegExp 对象是否具有标志 m。	1	4
source	正则表达式的源文本。	1	4

构建类

表达式	描述
[abc]	查找方括号之间的任何字符。
[^abc]	查找任何不在方括号之间的字符。
[0-9]	查找任何从 0 至 9 的数字。
[a-z]	查找任何从小写 a 到小写 z 的字符。
[A-Z]	查找任何从大写 A 到大写 Z 的字符。
[A-z]	查找任何从大写 A 到小写 z 的字符。
[adgk]	查找给定集合内的任何字符。
[^adgk]	查找给定集合外的任何字符。
(red|blue|green)	查找任何指定的选项。

console.info('a1b3'.replace(/[ab]/g,'X'))

JS预定义类及边界

元字符

元字符	描述
.	查找单个字符，除了换行和行结束符。
\w	查找单词字符。
\W	查找非单词字符。
\d	查找数字。
\D	查找非数字字符。
\s	查找空白字符。
\S	查找非空白字符。
\b	匹配单词边界。
\B	匹配非单词边界。
\0	查找 NUL 字符。
\n	查找换行符。
\f	查找换页符。
\r	查找回车符。
\t	查找制表符。
\v	查找垂直制表符。
\xxx	查找以八进制数 xxx 规定的字符。
\xdd	查找以十六进制数 dd 规定的字符。
\uxxxx	查找以十六进制数 xxxx 规定的 Unicode 字符。

量词

量词	描述
n+	匹配任何包含至少一个 n 的字符串。
n*	匹配任何包含零个或多个 n 的字符串。
n?	匹配任何包含零个或一个 n 的字符串。
n{X}	匹配包含 X 个 n 的序列的字符串。
n{X,Y}	匹配包含 X 或 Y 个 n 的序列的字符串。
n{X,}	匹配包含至少 X 个 n 的序列的字符串。
n$	匹配任何结尾为 n 的字符串。
^n	匹配任何开头为 n 的字符串。
?=n	匹配任何其后紧接指定字符串 n 的字符串。
?!n	匹配任何其后没有紧接指定字符串 n 的字符串。

贪婪模式

最大长度匹配

console.info('1245sdkc'.replace(/\d{3,4}/g,'X'))

非贪婪模式  量词后加？

console.info('1245sdkc'.replace(/\d{3,4}？/g,'X'))

分组

disp{3}只会将p匹配3次，若想匹配单词disp，则需加括号 

(disp){3}

忽略分组 

'1245sdkc'.replace(/(\d\D)(\D)/g,function(){
for(args in arguments){
console.log(arguments[args])
}
})

结果
"5sd"
"5s"//$1(\d\D)匹配的文本
"d"//$@(\D)匹配的文本
3
"1245sdkc"
若不需要捕获(\d\D)所匹配的文本，这样写 (?:\d\D)

'1245sdkc'.replace(/(?:\d\D)(\D)/g,function(){
for(args in arguments){
console.log(arguments[args])
}
})

result:

"5sd"

"d"
3
"1245sdkc"