学习工具
- regexper (可图形化正则)
RegExp 对象
Javascript通过内置对象RegExp支持正则表达式
1、实例化正则表达式
- 字面量
语法：/'字符串'/[选项]
例子：
var reg = /\bis\b/g; // 匹配 is 这个单词
- 构造函数
语法： var reg = new RegExp('字符串'，[选项])
例子：
var reg = new RegExp('\\bis\\b', 'g');
选项： -- 修饰符
-
i: ignore 忽略大小写 -
g: global 全局匹配 -
m: multi-line 多行匹配
2、元字符
- 正则表达式由两种基本字符类型组成：
- 原义文本字符
- 元字符
- 元字符是在正则表达式中有特殊含义的非字母字符
| 字符 | 含义 |
|---|---|
| \t | 水平制表符 |
| \v | 垂直制表符 |
| \n | 换行符 |
| \r | 回车符 |
| \0 | 空字符 |
| \f | 换页符 |
| \cX | 与X对应的控制字符(Ctrl+X) |
| ... | ... |
3、字符类
- 我们可以使用元字符
[]来构建一个简单的类。 - 所谓类是指符合某些特性的对象，一个泛指，而不是特指某个字符。
- 表达式
[abc]把字符a或b或c归为一类，表达式可以匹配这类的字符。
字符类取反
- 使用元字符
^创建反向类/负向类 - 反向类的意思是不属于某类的内容
- 表达式
[^abc]表达式不是字符a或b或c的内容
4、范围类
- 正则表达式还提供了范围类
可以使用[a-z]来连接两个字符表示从a到z的任意字符
5、 预定义类
| 字符 | 含义 |
|---|---|
| . | 除了回车符和换行符之外的所有字符 |
| \d | 数字字符 |
| \D | 非数字字符 |
| \s | 空白符 |
| \S | 非空白符 |
| \w | 单词字符(字母、数字和下划线) |
| \W | 非单词字符 |
6、边界
| 字符 | 含义 |
|---|---|
| ^ | 以xxx开始(不选m 匹配字符串的开始位置)(选m 识别字符串的换行，并匹配字符串每行的开始位置) |
| $ | 以xxx结束 |
| \b | 单词边界 |
| \B | 非单词边界 |
7、 量词
| 字符 | 含义 |
|---|---|
| ？ | 出现零次或一次(最多出现一次) |
| + | 出现一次或多次(至少出现一次) |
| * | 出现零次或多次(任意次) |
| {n} | 出现n次 |
| {n,m} | 出现n到m次 |
| {n,} | 至少出现n次 |
8、JS正则贪婪模式与非贪婪模式
- 贪婪模式
var reg = /\d{3,6}/; // 会匹配6次
- 非贪婪模式
在量词后加上?
var reg = /\d{3,6}?/; // 会匹配3次
9、分组
使用()可以达到分组的功能，使量词作用于分组
例如:(abcd){4}
10、或
使用|可以达到或的效果
例如：
Byron|Casper
Byr(on|Ca)sper
11、反向引用
匹配分组，通过$1、$2... 进行引用
'2015-12-25.replate(/(\d{4})-(\d{2})-(\d{2})/g, '$2/$3/$1')'
// 12/25/2015
12、忽略分组
不希望捕获某些分组，只需要在分组内加上?:就可以
例如：(?:Byron).(ok)
13、前瞻
14、对象属性
- global: 是否全文搜索，默认false
- ignoreCase: 是否大小写敏感，默认是false
- multiline: 多行搜索，默认值是false
- lastIndex: 是当前表达式匹配内容的最后一个字符的下一个位置
- source: 正则表达式的文本字符串
属性只读
15、对象方法
RegExp.prototype.test(str)
- 用于测试字符串参数中是否存在匹配正则表达式模式的字符串
例如：
var reg = /\w/
reg.test('a'); // 返回true
reg.test('$'); // 返回false
RegExp.prototype.exec(str)
- 使用正则表达式模式对字符串执行搜索，并将更新全局RegExp对象的属性以反映匹配结果。
- 如果没有匹配的文本则返回null,否则返回一个结果数组
- index声明匹配文本的第一个字符的位置
- input存放被检索的字符串string
非全局调用
- 调用非全局的RegExp对象的exec()时，返回数组。
- 第一个元素是与正则表达式相匹配的文本
- 第二个元素是与RegExpObject的第一个子表达式相匹配的文本
- 第三个元素是与RegExpObject的第二个子表达式相匹配的文本，以此类推。
例如：
var reg1 = /\d(\w)(\w)\d/;
var reg2 = /\d(\w)(\w)\d/g;
var test = '$1az2bb3cy4dd5ee';
var ret = reg1.exec(ts);
console.log(reg1.lastIndex + '\t' + ret.index + '\t' + ret.toStrig())
// '0 1 laz2,a,z'
while (ret = reg2.exec(ts)) {
console.log(reg2.lastIndex + '\t' + ret.index + '\t' + ret.toStrig())
}
// '2 1 laz2,a,z'
// '11 7 3cy4,c,y'
16、字符串对象方法
String.protatype.search(reg)
- search() 方法用于检索字符串中指定的自字符串，或检索与正则表达式相匹配的子字符串。
- 方法返回的第一个匹配结果index,查找不到返回-1；
- search()方法不执行全局匹配，它将忽略标志g,并且总是从字符串的开始进行检索
String.prototype.match(reg)
- match()方法将检索字符串，以找到一个或多个与regexp匹配的文本
- regexp是否标志g对结果影响很大
注意：
- 如果regexp没有标记g,那么match()方法就只能在字符串中执行一次匹配
- 如果没有找到任何匹配的文本，将返回null
- 否则将返回一个数组，其中存放了与它找到的匹配文本有关的信息
- 第一个元素存放的是匹配文本，而其余的元素存放的是与正则表达式的子表达式匹配的文本
- 除了常规的数组元素之外，返回的数组 还包含有2个对象属性
- index声明匹配文本的起始字符在字符串的位置
- input声明对stringObject的引用
String.prototype.split(reg)
- 将字符串分隔为字符数组
String.prototype.replace
- String.prototype.replace(str, replaceStr);
- String.prototype.replace(regexp, replaceStr);
- String.prototype.replace(regexp, function);
function参数含义
function会在每次匹配替换的时候调用，有四个参数
- 匹配字符串
- 正则表达式分组内容，没有分组则没有该参数
- 匹配项在字符串中的index
- 原字符串
