RegExp属性和方法整理

正则表达式从上学时候就感觉跟一个噩梦似得，怎么都看不懂，工作后也有几次想好好看看正则，不知是时间还是自身技能层次的限制都没能搞明白如何写一个正则表达式，直到今天，再次一行一行阅读了MDN关于RegExp的介绍，才感觉大概有了一个概念，首先不要惧怕正则表达式，它本身也是一个对象，而RegExp()是一个构造函数，把它理解成一个和String、Number一样的对象，然后继续阅读相关介绍文档。

如果你不知道自己是不是掌握了一个知识，那就试着把这个知识讲解给别人，在你准备讲解和讲解的时候才能明白自己是否真的理解了这个知识，能给人讲明白才表明自己明白了。

定义

概念：RegExp构造函数创建了一个正则表达式对象，用于将文本与一个模式匹配。（就是用一个简介的表达式匹配一个字符串）

定义一个正则对象：

    /pattern/flags;  // 字面量
    new RegExp(pattern [,flags]); // 构造函数
    RegExp(pattern [,flags]); // 工厂符号

参数

• pattern: 正则表达式的文本
• flags: 如果指定，标志可以具有以下值的任意组合：
  • g:全局匹配；找到所有匹配，而不是在第一个匹配后停止（这个全局是指被作用的字符串）
  • i:忽略大小写
  • m:多行；将开始和结束字符（^和$）视为在多行上工作，而不是只匹配整个输入字符串的最开始和最末尾处
  • u:Unicode;将模式视为Unicode序列点的序列
  • y:粘性匹配；仅匹配目标字符串中此正则表达式的lastIndex属性指示的索引（并且不尝试从任何后续的索引匹配）

以下表示式创建相同的正则表达式：

    /ab+/i;
    new RegExp('ab_c', 'i');
    new RegExp(/ab+c/, 'i');

什么时候使用构造函数创建正则，什么时候使用表示式创建：（以下摘自MDN，比较绕，可以先不去理解）

当表达式被赋值时，字面量形式提供正则表达式的编译（compilation）状态，当正则表达式保持为常量时使用字面量。例如当你在循环中使用字面量构造一个正则表达式时，正则表达式不会在每一次迭代中都被重新编译（recompiled）。

而正则表达式对象的构造函数，如 new RegExp('ab+c') 提供了正则表达式运行时编译（runtime compilation）。如果你知道正则表达式模式将会改变，或者你事先不知道什么模式，而是从另一个来源获取，如用户输入，这些情况都可以使用构造函数。

正则表达式中特殊字符的含义

这块其实很重要，正则之所以可以用一些简单的符号去匹配复杂的字符串就是因为定义了这些规则，比较多记忆起来比较麻烦，甚至有些干看也比较晦涩，可以粗略看一遍有一个印象，不必太过纠结每个的含义，看了后面的示例解析，然后回头来看这里会顺畅的多。

字符类别：

注：如果在数量词 *、+、? 或 {}, 任意一个后面紧跟该符号（?），会使数量词变为非贪婪（ non-greedy） ，即匹配次数最小化。反之，默认情况下，是贪婪的（greedy），即匹配次数最大化。

属性

RegExp.prototype 允许为所有正则对象添加属性。

RegExp.length 值为2

实例

实例属性

RegExp.prototype.global 返回是否开启全局匹配，也就是匹配目标字符串中所有可能的匹配项，而不是只进行第一次匹配。

RegExp.prototype.ignoreCase 返回是否忽略字符的大小写

RegExp.prototype.multiline 返回是否开启多行模式匹配

RegExp.prototype.sticky 返回搜索是否具有粘性（仅从正则表达式的lastIndex属性表示的索引处搜索）。

上面的属性都是只读属性，不可修改。

RegExp.prototype.lastIndex 返回下次匹配开始的字符串索引位置

这是一个可读可写的整型属性，只有正则表达式使用了表示全局检索的'g'标志时，该属性才会起作用。规则如下：

• 如果lastIndex大于字符串的长度，则regexp.text和regexp.exec将会匹配失败，然后lastIndex被设置为0。
• 如果lastIndex等于字符串的长度，则该正则表达式匹配空字符串，则该正则表达式匹配从lastIndex开始的字符串。
• 如果lastIndex等于字符串的长度，且该正则表达式不匹配空字符串，则该正则表达式不匹配字符串，lastIndex被设置为0。
• 否则，lastIndex被设置为紧随最近一次成功匹配的下一个位置。

示例：

    
    const re = /(hi)?/g;
    console.log(re.exec('hi'));
    console.log(re.lastIndex);
    console.log(re.exec('hi'));
    console.log(re.lastIndex);

结果：lastIndex 为 2（且一直是 2），"hi" 长度为 2，所以后面输出空字符串。

lastIndex

RegExp.prototype.source 返回一个值为当前正则表达式对象的模式文本的字符串。该字符串不会包含正则字面量两边的斜杠以及任何的标志字符。

示例

    let regex = /fooBar/ig;

    console.log(regex.source); // fooBar

实例方法

RegExp.prototype.exec() 方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或null。

语法：

    regexpObj.exec(str);

    // 参数
    str // 要匹配正则表达式的字符串

    // 返回值 如果匹配成功，exec() 方法返回一个数组，并且更新正则表达式对象的属性。返回的数组将完全匹配成功的文本作为第一项，将正则括号里匹配成功的作为数组填充到后面。
    // 如果匹配失败，exec()返回null。

示例：

    const re = /quick\s(brown).+?(jumps)/ig;
    const result = re.exec('The Quick Brown Fox Jumps Over The Lazy Dog');
    console.log(result);
    console.log('lastIndex::',re.lastIndex);
    console.log('ignoreCase::',re.ignoreCase);
    console.log('global::',re.global);
    console.log('multiline::',re.multiline);
    console.log('source::',re.source);

结果：

exec

下表列出这个脚本返回值的描述：

|属性/索引|描述|值|
|[0]|匹配的全部字符串|Quick Brown Fox Jumps|
|[1],...[n]|括号中的分组捕获|1: "Brown" 2: "Jumps"|
|index|匹配到的字符位于原始字符串的基于0的索引值|4|
|input|原始字符串|The Quick Brown Fox Jumps Over The Lazy Dog|

示例：查找所有匹配

当正则表达式使用 "g" 标志时，可以多次执行 exec 方法来查找同一个字符串中的成功匹配。当你这样做时，查找将从正则表达式的 lastIndex 属性指定的位置开始。（test() 也会更新 lastIndex 属性）。

    
    const myRe = /ab*/g;
    const str = 'abcdefabh';
    let myArray;

    while((myArray = myRe.exec(str)) !== null) {
        let msg = 'Found ' + myArray[0] + ' .';
        msg += 'Next Match starts at ' + myRe.lastIndex;
        console.log(msg);
    }

    // Found ab .Next Match starts at 2
    // Found ab .Next Match starts at 8

RegExp.prototype.test() 方法执行一个检索，用来查看正则表达式与指定的字符串是否匹配。返回true或false。

语法：

    regexObj.test(str);

    // 参数
    str // 用来与正则表达式匹配的字符串

    // 返回值 如果正则表达式与指定的字符串匹配，返回true;否则返回false

当你想要知道一个模式是否存在于一个字符串中时，就可以使用 test()（类似于 String.prototype.search() 方法），差别在于test返回一个布尔值，而 search 返回索引（如果找到）或者-1（如果没找到）；若想知道更多信息（然而执行比较慢），可使用exec()方法（类似于String.prototype.match()方法）。和exec()（或者组合使用）一样，在相同的全局正则表达式实例上多次调用test将会越过之前的匹配。

示例：测试hello是否包含在字符串的最开始，返回布尔值。

    let str = 'hello world';
    let result = /^hello/.test(str);
    console.log(result); // true

示例：当设置全局标志的正则使用test()

    
  let regex = /foo/g;
  console.log(regex.test('foo')); // true 
  console.log(regex.test('foo')); // false

从上面示例可以看出，如果正则表达式设置了全局标志，test()的执行会改变正则表达式lastIndex属性。连续的执行test()方法，后续的执行将会从lastIndex处开始匹配字符串，(exec()同样改变正则本身的lastIndex属性值)。

RegExp.prototype.toString()

toString()返回一个表示该正则表达式的字符串。

语法：regexObj.toString()

RegExp对象覆盖了Object对象的toString()方法，并没有继承Object.prototype.toString()。对于RegExp对象，toString方法返回一个该正则表达式的字符串形式。

  const myExp = new RegExp('a+b+c');
  console.log(myExp.toString()); // /a+b+c/
  const foo = new RegExp('bar', 'g');
  console.log(foo.toString()); // /bar/g

示例

使用正则改变数据结构，匹配姓名的first last输出新的格式 last first。

  const re = /(\w+)\s(\w+)/;
  const str = 'John Smith';
  const newstr = str.replace(re, '$2 $1');
  console.log(newstr); // Smith John

在多行中使用正则表达式

  const s = 'Please yes \n make my day!';
  console.log(s.match(/yes.*day/));
  console.log(s.match(/yes[^]*day/));

结果：

exec-match

使用带有'sticky'表示的正则表达式，来匹配多行输入的单独行

    // RegExp.prototype.sticky 返回搜索是否具有粘性（仅从正则表达式的lastIndex属性表示的索引处搜索）。

  const text = 'First line\nSecond line';
  const regex = /(\S+) line\n?/y;

  const match = regex.exec(text);
  console.log(match[1]); // First
  console.log(regex.lastIndex); // 10

  const match2 = regex.exec(text);
  console.log(match2[1]); // Second
  console.log(regex.lastIndex); // 22

  const match3 = regex.exec(text);
  console.log(match3); // null

使用正则表达式和Unicode字符

正如上面表格提到的，\w或\W只会匹配基本的ASCII字符；如'a'到'z'、'A'到'Z'、0到9及'_'。为了匹配其他语言中的字符，如西里尔或希伯来语，要使用\uhhhh，'hhhh'表示十六进制表示的字符的Unicode值。下例展示怎样从一个单词中分离出Unicode字符。

  const text = 'Образец text на русском языке';
  const regex = /[\u0400-\u04FF]+/g;

  const match = regex.exec(text);
  console.log(match[0]); // Образец
  console.log(regex.lastIndex); // 7

  const match2 = regex.exec(text);
  console.log(match2[0]); // на
  console.log(regex.lastIndex); // 15

从URL中提取子域名

  const url = 'http://www.baidu.com'
  console.log(/[^.]+/.exec(url)[0].substr(7)); // www

主要还是一些正则这个对象的介绍，它的属性和方法，多用慢慢熟悉其中的意义。

参考文档：MDN RegExp