正则表达式的模式匹配

• 用于模式匹配的 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 对程序造成的影响。