RegExp类型/正则匹配笔记

RegExp构造函数

1. 正则匹配式怎么写

//写法1:
var expression = / pattern1 / flags ;
//写法2: 构造函数实例
var expression = new RegExp("pattern2", "flags");

注意:由于 RegExp 构造 函数的模式参数是字符串,所以在某些情况下要对字符进行双重转义. 基本是pattern2里要把pattern里的\写双份.

比如: pattern1 = /[bc]at/ pattern2= “\\[bc\\]at”

标志位:

 g:表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即 停止;
 i:表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写;

 m:表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中是否存在与模 式匹配的项

pattern常用:

[]中括号表示或者,里面的元素匹配一个即可;

元字符必须用 \ 进行转义才能进行匹配: ( [ { \ ^ $ | ) ? * + .]}

**(.)**表示匹配出换行符\n以外的任意一个字符

2. RegExp实例方法exec()

exec()方法使用方法:

var matches = 正则匹配式.exec(要匹配的字符串); //返回包含第一个匹配项信息的数组

全局模式对exec()方法的影响:

var text = "cat, bat, sat, fat";

var pattern1 = /.at/;
var matches = pattern1.exec(text); //非全局模式执行一次
console.log(matches);
matches = pattern1.exec(text); //非全局模式执行第二次
console.log(matches);

var pattern2 = /.at/g; //pattern2是全局匹配
var matches = pattern2.exec(text);	//全局模式执行一次
console.log(matches);
matches = pattern2.exec(text);	//全局模式执行第二次
console.log(matches);

输出如下:

在这里插入图片描述

在非全局模式下, 每次调用 exec()返回的都是第一个匹配项(‘cat’);

全局模式下, 每次调用 exec()都会返回字符串中的下一个 匹配项,直至搜索到字符串末尾为止, 因此第二次执行返回的是包含(‘bat’)的数组;

这个返回的数组对象还有index属性, 代表此次匹配项在原字符串中的开始下标, 比如b在字符串第5号位.

对于正则匹配式这个实例对象, 还有一些属性可用:

3. RegExp实例属性

 global:布尔值,表示是否设置了 g 标志。

 ignoreCase:布尔值,表示是否设置了 i 标志。

 lastIndex:整数,表示开始搜索下一个匹配项的字符位置,从 0算起。  multiline:布尔值,表示是否设置了 m 标志。

 source:正则表达式的字符串表示,按照字面量形式而非传入构造函数中的字符串模式返回。

所以还是上面的例子:

var text = "cat, bat, sat, fat";
var pattern1 = /.at/; //(.)表示匹配出换行符\n以外的任意一个字符

var matches = pattern1.exec(text); //非全局模式执行一次
console.log(pattern1.lastIndex); //0

matches = pattern1.exec(text); //非全局模式执行第二次
console.log(pattern1.lastIndex); //0

var pattern2 = /.at/g; //全局匹配
var matches = pattern2.exec(text);
console.log(pattern2.lastIndex); //3

matches = pattern2.exec(text);
console.log(pattern2.lastIndex); //8

非全局模式下, pattern.lastIndex始终为0, 因为每次都是从头开始, 匹配一个结束;

全局模式下, pattern.lastIndex随之增大

4. RegExp构造函数属性

RegExp构造函数属性适用于作用域中的所有正则表达式, 比如input, lastMatch…

红宝书第5章很详细, 全记太难了, 用到再查吧…略之…

猜你喜欢

转载自blog.csdn.net/Fky_mie/article/details/115912634
今日推荐