JavaScript 正则表达式知识点整理

￡神魔★判官ぃ 2021-11-10 14:06 263阅读 0赞

### 目录 ###

*  正则常用的表达式
 *  正则的创建和使用
 *  正则的方法
 *   *  exec()：匹配字符串的值，返回找到的值，且确定其位置
     *  test()：匹配字符串中制定的值，返回true 或 false
 *  正则的修饰符

正则是用于在字符串的匹配和替换，在开发中常用于输入字符串的格式验证。

# 正则常用的表达式 #

<table> 
 <thead> 
  <tr> 
   <th>表达式</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>\</td> 
   <td>将下一个字符标记为特殊符号</td> 
  </tr> 
  <tr> 
   <td>^</td> 
   <td>输入字符串的开始位置</td> 
  </tr> 
  <tr> 
   <td>$</td> 
   <td>输入字符串的结束位置</td> 
  </tr> 
  <tr> 
   <td>*</td> 
   <td>匹配前面子表达式零次或者多次</td> 
  </tr> 
  <tr> 
   <td>+</td> 
   <td>匹配前面子表达式一次或者多次</td> 
  </tr> 
  <tr> 
   <td>？</td> 
   <td>匹配前面子表达式零次或者一次</td> 
  </tr> 
  <tr> 
   <td>{n}</td> 
   <td>匹配前面子表达式出现 n 次</td> 
  </tr> 
  <tr> 
   <td>{n,}</td> 
   <td>匹配前面子表达式至少 n 次</td> 
  </tr> 
  <tr> 
   <td>{n，m}</td> 
   <td>匹配前面子字符串至少 n 次，最多 m 次</td> 
  </tr> 
  <tr> 
   <td>.</td> 
   <td>匹配出了 /n 之外的任何当个字符</td> 
  </tr> 
  <tr> 
   <td>（x | y）</td> 
   <td>匹配 x 或者 y</td> 
  </tr> 
  <tr> 
   <td>[x y z]</td> 
   <td>匹配 x 或者 y 或者 z</td> 
  </tr> 
  <tr> 
   <td>[^x y z]</td> 
   <td>匹配除了 x y z 都能匹配</td> 
  </tr> 
  <tr> 
   <td>[ a-z]</td> 
   <td>匹配 a - z 之间的任意字符</td> 
  </tr> 
  <tr> 
   <td>\b</td> 
   <td>匹配单词边界</td> 
  </tr> 
  <tr> 
   <td>\B</td> 
   <td>匹配非单词边界</td> 
  </tr> 
  <tr> 
   <td>\d</td> 
   <td>匹配一个数字字符 等价于 [ 0 - 9 ]</td> 
  </tr> 
  <tr> 
   <td>\D</td> 
   <td>匹配一个非数字字符</td> 
  </tr> 
  <tr> 
   <td>\f</td> 
   <td>换页符</td> 
  </tr> 
  <tr> 
   <td>\r</td> 
   <td>回车符</td> 
  </tr> 
  <tr> 
   <td>\n</td> 
   <td>换行符</td> 
  </tr> 
  <tr> 
   <td>\s</td> 
   <td>空白符</td> 
  </tr> 
  <tr> 
   <td>\S</td> 
   <td>非空白符</td> 
  </tr> 
  <tr> 
   <td>\t</td> 
   <td>制表符</td> 
  </tr> 
  <tr> 
   <td>\v</td> 
   <td>垂直制表符</td> 
  </tr> 
  <tr> 
   <td>\w</td> 
   <td>匹配包括从下划线的任意单词字符 等价于 [ a-z A-Z 0-9 _ ]</td> 
  </tr> 
 </tbody> 
</table>

# 正则的创建和使用 #

var reg = / 正则表达式 /;
    if(reg.test("待匹配的文本")){ 
    	return true；
    }
    else{ 
    	return flase;
    }

# 正则的方法 #

<table> 
 <thead> 
  <tr> 
   <th>方法</th> 
   <th>描述</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>exec()</td> 
   <td>匹配字符串的值，返回找到的值，且确定其位置</td> 
  </tr> 
  <tr> 
   <td>test()</td> 
   <td>匹配字符串中指定的值，返回true 或 false</td> 
  </tr> 
 </tbody> 
</table>

## exec()：匹配字符串的值，返回找到的值，且确定其位置 ##

var str="Hello world!";
    // 查找Hello
    var patt=/Hello/g;
    patt.exec(str);

输出 Hello 且返回index 值

## test()：匹配字符串中制定的值，返回true 或 false ##

var reg = / 正则表达式 /;
    if(reg.test("待匹配的文本")){ 
    	return true；
    }
    else{ 
    	return flase;
    }

# 正则的修饰符 #

<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> 
 </tbody> 
</table>

正则在使用的过程中是贪婪的，他总是渴望匹配更多的字符串，在实际运用个中我们有时候需要匹配最短的字符串，那么我们可以使用一下两种方法

1、`.*` ⇒ `.*?`

`.+` ⇒ `.+?`

2、`[^xxx]*`