正则表达式的模式匹配

ゝ一世哀愁。 2021-07-04 17:02 507阅读 0赞

*  用于模式匹配的 String 方法
    
     *  search()
     *  replace()
     *  match()
     *  split()
 *  RegExp 对象
    
     *  RegExp 的属性
     *  RegExp 的方法
        
         *  exec()
         *  text()

## 用于模式匹配的 `String` 方法 ##

String 支持 4 种使用正则表达式的方法

### `search()` ###

参数为一个正则表达式，返回第一个与之匹配的子串的起始位置，如果找不到则返回 -1。

"JavaScript".search(/script/i); // => 4

> 如果 search()的参数不是正则表达式，则首先会通过 RegExp 构造函数将它转化成正则表达式，search()方法不支持全局搜索，他会忽略正则表达式参数的修饰符 g

### `replace()` ###

用以执行检索与替换操作。第一个参数是正则表达式，第二个参数是要进行替换的字符串。这个方法对调用它的字符串进行检索，使用指定模式匹配。

*  如果正则表达式设置修饰符 `g`，那么源字符串中所有与模式匹配的子串都会被第二个字符串替换；如果没有修饰符 `g`，只替换所匹配的第一个子串。
 *  如果 replace()的第一个参数是字符串，则直接搜索字符串，不再通过 `RegExp()`转换

//将所有不区分大小写的java都替换为Java
    "JAVAscript and java".replace(/java/gi, "Java"); // => "Javascript and Java"
    
    //一段引用文本起始于引号，结束与引号
    let quote = /"([^"]*)"/g;
    //用中文半角引号替换英文引号，同时要保持引号之间的内容（存储在$1中）没有被修改
    `"javascript" and "java"`.replace(quote, "”$1“"); // => ”javascript“ and ”java“

> replace()的第二个参数可以是函数，该函数能够动态地计算替换字符串

### `match()` ###

唯一参数为正则表达式（或通过 RegExp()构造函数将及转换为正则表达式），返回的是一个由匹配结果组成的数组。

//正则表达式设置修饰符 g，返回的数组包含字符串中的所有匹配结果
    `1 plus 2 equals 3`.match(/\d+/g); // => ["1", "2", "3"]
    
    //不设置修饰符 g 不进行全局匹配，但任返回数组：数组的第一个元素是匹配的字符串，余下的元素是正则表达式中用圆括号括起来的子表达式
    let url = /(\w+):\/\/([\w.]+)\/(\S*)/;
    let text = "Visit my github at https://www.github.com/dingjinyang";
    let result = text.match(url);
    if (result) { 
      console.log(result[0]); // => https://github.com/dingjinyang
      console.log(result[1]); // => https
      console.log(result[2]); // => www.github.com
      console.log(result[3]); // => dingjinyang
    }

### `split()` ###

将调用它的字符串拆分为一个子串组成的数组，分割符为 split()的参数

//参数为字符串
    "1,2,3,4,5".split(","); // => ["1", "2", "3", "4", "5"]
    //参数为正则表达式
    "1,2,3,4,5".split(/\s*,\s*/); // => ["1", "2", "3", "4", "5"]

## `RegExp` 对象 ##

`RegExp()`构造函数带有两个字符串参数，第二个是可选的，`RegExp()`用以创建新的 `RegExp` 对象。

*  第一个参数：包含正则表达式的主体部分，正则表达式直接量中两条斜线之间的文本
    
    > 无论是字符串还是正则表达式，都使用“\\”作为转义字符的前缀。
 *  第二个参数（可选）：指定正则表达式的修饰符，只能是“g”、“i”、“m”或者他们的组合

// 全局匹配字符串中的5个数字，使用“\\”转义“\”
    new RegExp("\\d{5}", "g");
    new RegExp(/\d{5}/, "g");

`RegExp()`构造函数一般在需要动态创建正则表达式时使用

### `RegExp` 的属性 ###

*  **source**：只读字符串，包含正则表达式的文本
 *  **global**：只读布尔值，说明正则表达式是否带有修饰符 “g”
 *  **ignoreCase**：只读布尔值，说明正则表达式是否带有修饰符 “i”
 *  **multiline**：只读布尔值，说明正则表达式是否带有修饰符 “m”
 *  **lastIndex**：可读/写整数，如果匹配模式带有“g”修饰符，这个属性存储在整个字符串中下一次检索的开始位置，该属性会被 exec()和 test()方法用到。
 *  **sticky**：是否开启粘滞匹配，不常用，具体移步[MDN][]

### `RegExp` 的方法 ###

#### `exec()` ####

唯一参数为字符串，对该字符串执行一个正则表达式，没有任何匹配返回 null，找到匹配则返回一个数组，数组的第一个元素是与正则表达式匹配的字符串，余下的元素是与圆括号括起来的子表达式匹配的子串。

> 除了数组元素和 length 属性之外，exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。

##### `lastIndex` #####

只有正则表达式使用了表示全局检索的 “g” 标志时，该属性才会起作用。

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

示例：

var re = /(hi)?/g;
    console.log(re.exec("hi")); // => ["hi", "hi"]
    console.log(re.lastIndex); // => 2
    console.log(re.exec("hi")); // => ["", undefined] : lastIndex 为 2（且一直是 2）,匹配字符串为空
    console.log(re.lastIndex); // => 2

#### `text()` ####

参数为一个字符串，检测字符串是否包含一个匹配结果，返回之为布尔值。调用 test()和调用 exec()等价，lastIndex 处理机制相同。

var pattern = /java/i;
    pattern.test("JavaScript"); // => true

> 一个全局模式下的正则表达式对多个字符串执行 exec()和 test()时，要注意 lastIndex 的值，根据需求决定是否需要显式的将其置 0。但在 ECMAScript 5 中，正则表达式直接量每次计算都会创建新的 RegExp 对象，则无需担心“残留”lastIndex 对程序造成的影响。

[MDN]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp/sticky