[JS高程]JavaScript中的RegExp对象

1. RegExp

1. RegExp

ECMAScript 通过RegExp类型支持正则表达式。

1.1 表示格式：

let expression = /pattern/flags;

//or

let expression = new RegExp("pattern str","flags")// pattern str 不需要由"/.../"包裹，

pattern : 正则表达式；
flags : 匹配模式的标记；

示例：

let expression = /[bc]at/i;

//or

let expression = new RegExp("[bc]at","i"); // 注意构造函数的两个参数都是String, 且无需`/`包裹

注意： 在通过构造函数来创建一个Pattern 的时候，第一个参数，除了可以传入String, 还能直接传入一个已有的Pattern ，此时，构造函数的第二个参数，即Flags 将会覆盖第一个参数中携带的flags。利用这个特点，可以实现Pattern 的复制和 flags 的修改，以下是一个示例：
const exp1 = /cat/g;

const exp2 = new RegExp(exp1,'i') //  /cat/i

1.2 匹配模式：

"Gimyus"

g : global , 全局匹配
i : ignore , 大小写忽略
m : multiline , 多行匹配
y : sticky 粘附模式，表示从lastIndex开始查找
u : Unicode 模式，启用Unicode 匹配
s : dotAll 模式，匹配任何字符（包括\n或\r）

全局匹配和多行匹配有什么区别？

可以理解为，/m 通常是和/g 一起使用以增强匹配模式。以下是一个示例：
hello my darling you

are so sweat

and hello my beauty

hello my lady

you are so kind

hello my heartbeat

you drum like a spring wind
匹配模式 /^hello/g : 将会以整个字符串为匹配对象，仅仅匹配中字符串首部的单个“hello” 子字符串。

匹配模式 /^hello/gm：将会把每行自作单独的匹配对象，将会匹配选中 1,4,6 行首的“hello” 子字符串，共三个。

unicode 模式，将会启用Unicode 字符匹配的支持，以下是一个示例：

const sentence = 'A ticket to 大阪 costs ¥2000 .';

const regexpEmojiPresentation = /\p{Emoji_Presentation}/gu;

console.log(sentence.match(regexpEmojiPresentation));

// expected output: Array [""]

dotAll 模式，默认情况下，dot . 能够匹配不包括 \n（换行）,\r（光标回到行首），之外的任意字符。

当你所匹配的字符串中含有这两个元字符时，如果不开启dotAll 模式，将不会被匹配到。以下是一个示例：

MDN上有这样一个demo:

var str1 = 'bar\nexample foo example';

var regex1 = new RegExp('bar.example','s');

console.log(regex1.dotAll); // Output: true

console.log(str1.replace(regex1,'')); // Output: foo example

var str2 = 'bar\nexample foo example';

var regex2 = new RegExp('bar.example');

console.log(regex2.dotAll); // Output: false

console.log(str2.replace(regex2,'')); // Output: bar

                                      //         example foo example

1.3 RegExp 实例属性

gimyus 匹配模式是否开启，除了在创建实例对象时去指定，还可以通过RegExp 实例的属性访问，并且可以设定值，但是注意，dotAll 匹配模式除外，它是一个只读属性。你只能在创建一个RegExp 实例的时候去设定好它。

如：

let exp0 = /[bc]at/s

//or

let exp1 = new RegExp("[bc]at","s")

//or 如果有需要，你也可以直接复制拓展一个已有的实例

let exp2 = /[bc]at/

let exp22 = new RegExp(exp2,"s")

除了这些boolean 类型的属性，还有三个属性，分别是：

source : 正则表达式的字面量字符串；
flags : 正则表达式的模式标记字符串；
lastIndex : 整数类型，记录了在源字符串中下一次搜索的起始位置(后面会讲到)

let exp0 = /[bc]at/sgm;

console.log(exp0.source);//"[bc]at"

console.log(exp0.flags);//"gms"

1.4 RegExp 实例方法

1.4.1 `exec()`

1.4.1.1 基本用法

exec() 主要用于配合捕获组使用，只接收一个参数，即要匹配的目标字符串。如果没有匹配则返回null ，匹配则返回包含第一个匹配信息的数组。

RegExpPattern.exec("target string...")

️ 注意: 该方法返回的数据类型虽然是一个数组，但是它比较特殊，它包含了两个额外的属性：

index : 字符串中匹配模式的起始外置；

input ：要查找的字符串；

数组的第一个元素是匹配整个模式的字符串，其他的元素是与表达式中的捕获组匹配的子字符串。如果模式中并没有捕获组的花，那么数组值包含一个元素。以下是一些示例：

不包含捕获组的情况

let str = "I always love the moment you smile";let exp = /love the moment/;let result = exp.exec(str);// result["love the moment"]

实际上，还有刚才说的几个特殊属性,如果你在console 台查看 result :

包含捕获组的情况

let str = "I always love the moment you smile";let exp = /always (love (the moment (you)) smile)/;let result = exp.exec(str);// result[    "always love the moment you smile",    "love the moment you smile",    "the moment you",    "you"]

1.4.1.2 `exec()` 和 `\g` 匹配模式

且看这样一个示例：

当一个字符串中有多处被Pattern 所匹配时，设定了/g 的匹配模式和不设定时的结果存在差异。

即，如果不设定\g ，那么不论exec() 执行了多少次，返回结果始终只会返回第一个匹配到的结果。看起来，就像是，每次都是重新匹配，且匹配到了一个结果之后就退出了，不做记录。

而如果设定了/g , 那么就会每次执行将会返回一个新的匹配到的子串结果，直到没有匹配项，返回null 为止，看起来，就像是每次执行都记录了下一次预将执行的索引值位置，这个值实际上就是 RegExp的实例属性lastIndex

注意，直接结果为null 之后，lastIndex 值被重新置0，这意味着如果继续执行exec() 方法，那么会重新开始。

1.4.1.3 `exec()` 和 `\y` 黏着匹配模式

如果你仔细观察\g匹配模式，不难发现，该模式每次返回的lastindex 值 +1 后，就正好是下一个匹配字符的起始位置。相当的“智能”。

\y 模式，则不同，它使得你在每次exec() 方法执行之前，都需要先明确下一个子串匹配的起始索引。并不会自动为你更新 lastIndex值为下一个匹配字符的正确位。

首次匹配，将从index = 0 的位置匹配，但是匹配不到所以返回null, 且永远不会将lastIndex 设定为下一次正确匹配所在的位置，但是可以手动指定正确的lastIndex 值，不过，这次匹配成功了，返回了正常的结果，而lastIndex 被刷新为了下一个非空字符所在的索引值，依旧不会是下一次正确匹配的索引，如果想要能匹配到，还是要手动指定其索引值 - -

是不是很无语 - - ，我都知道了匹配项所在位置，我还tm需要用你来干啥？

这个模式很少会用，可能某些特殊情况下才有用吧，例如遍历字符串，其不断刷新lastIndex值？或者知道了索引位去取对应的匹配项？

而 \g 匹配模式则完全不同，每次匹配后都会刷新lastIndex 的值。

1.4.2 `test()`

Pattern.test("target string...")

test() 方法用于判断某匹配Pattern 是否能够匹配到目标内容。返回一个布尔值。

示例：

let str = "I always love the moment you smile";let exp = /love the moment/;exp.test(str); // truelet exp2 = /love the bala moment/;exp2.test(str); // false