JavaScript 正则表达式（RegExp）对象

川长思鸟来 2022-03-31 08:46 271阅读 0赞

RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。

**1.创建 RegExp 对象的语法：**

new RegExp(pattern, attributes);

**参数**

参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。

参数 attributes 是一个可选的字符串，包含属性 “g”、“i” 和 “m”，分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前，不支持 m 属性。如果 pattern 是正则表达式，而不是字符串，则必须省略该参数。

**返回值**

一个新的 RegExp 对象，具有指定的模式和标志。

**2.修饰符**

<table> 
 <thead> 
  <tr> 
   <th>修饰符</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>i</td> 
   <td>执行对大小写不敏感的匹配。</td> 
  </tr> 
  <tr> 
   <td>g</td> 
   <td>执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。</td> 
  </tr> 
  <tr> 
   <td>m</td> 
   <td>执行多行匹配。</td> 
  </tr> 
  <tr> 
   <td>u</td> 
   <td>对字符串采用unicode进行匹配</td> 
  </tr> 
 </tbody> 
</table>

//i 比较易懂，在匹配的时候会忽略大小写

var text = 'abc';
    var r = /abc/;
    console.log(r.test('abc')); // true
    console.log(r.test('Abc')); // false
    r = /abc/i;
    console.log(r.test('abc')); // true
    console.log(r.test('Abc')); // true

当匹配多行时，默认是全文本匹配，使用 m 之后，将对每一行进行单独匹配。

// 定义一个多行文本
    var text = `a b c
    
    A B C`;
    var r = /c$/; // 匹配以C结尾的文本
    console.log(r.test(text)); // false 全文本匹配，匹配不上
    r = /c$/m;
    console.log(r.test(text)); // true 多行匹配，c是第一行的末尾，匹配成功

使用修饰符 u，将采用 Unicode 模式进行匹配，必须要在正则中包含unicode才能看到效果：

**3.方括号**

方括号用于查找某个范围内的字符：

<table> 
 <thead> 
  <tr> 
   <th>表达式</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>[abc]</td> 
   <td>查找方括号之间的任何字符。</td> 
  </tr> 
  <tr> 
   <td>[^abc]</td> 
   <td>查找任何不在方括号之间的字符。</td> 
  </tr> 
  <tr> 
   <td>[0-9]</td> 
   <td>查找任何从 0 至 9 的数字。</td> 
  </tr> 
  <tr> 
   <td>[a-z]</td> 
   <td>查找任何从小写 a 到小写 z 的字符。</td> 
  </tr> 
  <tr> 
   <td>[A-Z]</td> 
   <td>查找任何从大写 A 到大写 Z 的字符。</td> 
  </tr> 
  <tr> 
   <td>[A-z]</td> 
   <td>查找任何从大写 A 到小写 z 的字符。</td> 
  </tr> 
  <tr> 
   <td>[adgk]</td> 
   <td>查找给定集合内的任何字符。</td> 
  </tr> 
  <tr> 
   <td>[^adgk]</td> 
   <td>查找给定集合外的任何字符。</td> 
  </tr> 
  <tr> 
   <td>(red</td> 
   <td>blue</td> 
  </tr> 
 </tbody> 
</table>

**4.元字符**

元字符（Metacharacter）是拥有特殊含义的字符：

<table> 
 <thead> 
  <tr> 
   <th>元字符</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>.</td> 
   <td>查找单个字符，除了换行和行结束符。</td> 
  </tr> 
  <tr> 
   <td>\w</td> 
   <td>查找单词字符。</td> 
  </tr> 
  <tr> 
   <td>\W</td> 
   <td>查找非单词字符。</td> 
  </tr> 
  <tr> 
   <td>\d</td> 
   <td>查找数字。</td> 
  </tr> 
  <tr> 
   <td>\D</td> 
   <td>查找非数字字符。</td> 
  </tr> 
  <tr> 
   <td>\s</td> 
   <td>查找空白字符。</td> 
  </tr> 
  <tr> 
   <td>\S</td> 
   <td>查找非空白字符。</td> 
  </tr> 
  <tr> 
   <td>\b</td> 
   <td>匹配单词边界。</td> 
  </tr> 
  <tr> 
   <td>\B</td> 
   <td>匹配非单词边界。</td> 
  </tr> 
  <tr> 
   <td>\0</td> 
   <td>查找 NUL 字符。</td> 
  </tr> 
  <tr> 
   <td>\n</td> 
   <td>查找换行符。</td> 
  </tr> 
  <tr> 
   <td>\f</td> 
   <td>查找换页符。</td> 
  </tr> 
  <tr> 
   <td>\r</td> 
   <td>查找回车符。</td> 
  </tr> 
  <tr> 
   <td>\t</td> 
   <td>查找制表符。</td> 
  </tr> 
  <tr> 
   <td>\v</td> 
   <td>查找制表符。</td> 
  </tr> 
  <tr> 
   <td>\xxx</td> 
   <td>查找以八进制数 xxx 规定的字符。</td> 
  </tr> 
  <tr> 
   <td>\xdd</td> 
   <td>查找以十六进制数 dd 规定的字符。</td> 
  </tr> 
  <tr> 
   <td>\uxxxx</td> 
   <td>查找以十六进制数 xxxx 规定的 Unicode 字符。</td> 
  </tr> 
 </tbody> 
</table>

**5.量词**

<table> 
 <thead> 
  <tr> 
   <th>量词</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>n+</td> 
   <td>匹配任何包含至少一个 n 的字符串。</td> 
  </tr> 
  <tr> 
   <td>n*</td> 
   <td>匹配任何包含零个或多个 n 的字符串。</td> 
  </tr> 
  <tr> 
   <td>n?</td> 
   <td>匹配任何包含零个或一个 n 的字符串。</td> 
  </tr> 
  <tr> 
   <td>n{X}</td> 
   <td>匹配包含 X 个 n 的序列的字符串。</td> 
  </tr> 
  <tr> 
   <td>n{X,Y}</td> 
   <td>匹配包含 X 至 Y 个 n 的序列的字符串。</td> 
  </tr> 
  <tr> 
   <td>n{X,}</td> 
   <td>匹配包含至少 X 个 n 的序列的字符串。</td> 
  </tr> 
  <tr> 
   <td>n$</td> 
   <td>匹配任何结尾为 n 的字符串。</td> 
  </tr> 
  <tr> 
   <td>^n</td> 
   <td>匹配任何开头为 n 的字符串。</td> 
  </tr> 
  <tr> 
   <td>?=n</td> 
   <td>匹配任何其后紧接指定字符串 n 的字符串。</td> 
  </tr> 
  <tr> 
   <td>?!n</td> 
   <td>匹配任何其后没有紧接指定字符串 n 的字符串。</td> 
  </tr> 
 </tbody> 
</table>

**6.RegExp 对象属性**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NjU5MzQ_size_16_color_FFFFFF_t_70]

**7.RegExp 对象方法**

![在这里插入图片描述][20190102210753143.jpg]

**8.支持正则表达式的 String 对象的方法**

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NjU5MzQ_size_16_color_FFFFFF_t_70 1]

参考文章：  
[http://www.w3school.com.cn/jsref/jsref\_obj\_regexp.asp][http_www.w3school.com.cn_jsref_jsref_obj_regexp.asp]  
[https://www.cnblogs.com/humin/p/6927210.html][https_www.cnblogs.com_humin_p_6927210.html]  
[https://www.jb51.net/article/124041.htm][https_www.jb51.net_article_124041.htm]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NjU5MzQ_size_16_color_FFFFFF_t_70]: /images/20220331/03a2af47f1f34cf8af40fe3883555dd6.png
[20190102210753143.jpg]: /images/20220331/eba773a84f35457aa6610deda272d0da.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3UwMTQ0NjU5MzQ_size_16_color_FFFFFF_t_70 1]: /images/20220331/138098939f544609aa4950469054eebb.png
[http_www.w3school.com.cn_jsref_jsref_obj_regexp.asp]: http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp
[https_www.cnblogs.com_humin_p_6927210.html]: https://www.cnblogs.com/humin/p/6927210.html
[https_www.jb51.net_article_124041.htm]: https://www.jb51.net/article/124041.htm