正则表达式的模式匹配

ゝ一世哀愁。 2021-07-04 17:02 640阅读 0赞
  • 用于模式匹配的 String 方法

    • search()
    • replace()
    • match()
    • split()
  • RegExp 对象

    • RegExp 的属性
    • RegExp 的方法

      • exec()
      • text()

用于模式匹配的 String 方法

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

search()

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

  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()构造函数将及转换为正则表达式),返回的是一个由匹配结果组成的数组。

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

split()

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

  1. //参数为字符串
  2. "1,2,3,4,5".split(","); // => ["1", "2", "3", "4", "5"]
  3. //参数为正则表达式
  4. "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 被设置为紧随最近一次成功匹配的下一个位置。

示例:

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

text()

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

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

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

发表评论

表情:
评论列表 (有 0 条评论,640人围观)

还没有评论,来说两句吧...

相关阅读

    相关 表达匹配

    一、题目 请实现一个函数用来匹配包括'.'和'\'的正则表达式。模式中的字符'.'表示任意一个字符,而'\'表示它前面的字符可以出现任意次(包含0次)。在本题中,匹配是指字符

    相关 表达模式匹配

    1 \\ 指出接着的字符为特殊字符。 例如:/b/匹配字符“b”,通过在b前面加一个反斜杠\\,也就是/\\b/,则该字符变成特殊字符,表示匹配一个单词的分界线   2

    相关 PHP表达匹配规则

    咱们要查找数字,字母,空白很简单,因为已经有了对应这些字符的元字符,但是如果匹配没有预定义元字符的字符集合(比如元音字母a、e、i、o、u),方法很简单,在方括号里列出它们就行

    相关 JS表达字符匹配

    JS正则表达式的字符匹配 两种模糊匹配:1.横向模糊匹配:一个正则可匹配的字符串的长度不是固定的。其实现方式是使用量词。比如说{m,n}是指字符最少连续出现m次,最多n次...