正则表达式基础

深碍√TFBOYSˉ_ 2023-10-08 20:55 52阅读 0赞

### 正则表达式 ###

Regular Expression 使用单个字符串描述、匹配一系列符合某个句法规则的字符串

.代表任意字符

\+代表一个或多个

()可以对其分组，$1可以获取分组的内容

\\d代表数字

\{\}中可以写个数

\[\]中的元素是或的关系

^标示开头

$表示结尾

\\b代表单词边界

> var reg = / \\bis\\b /g; 匹配is字符

g代表global 全局替换，不添加的话，搜索到第一个就匹配停止了

i ignore case忽略大小写，默认大小写敏感

mmultiple lines多行搜索 将字符串中的换行符也当做一行

--------------------

#### 元字符 ####

原义文本字符例如： a b c

元字符在正则表达式中有特殊含义的非字母字符\* + ? $ ^ . | \\ () \{\} \[\]

#### 字符类 ####

\[\] 来构建一个简单的类，所谓的类是指符合某些特性的对象，是一个泛指而不是特指某个对象\[abc\]就是有其中的任意一个即可

#### 字符类取反 ####

加上^符号

--------------------

\[^abc\]匹配abc以外的字符

--------------------

#### 范围类 ####

\[a-z\]来表示从a到z的任意字符

这是个闭区间 也表示a和z的本身

如果想匹配横线，可以直接在后边加一个 \[a-b-\]

#### js预定义类 ####

<table style=""> 
 <tbody> 
  <tr> 
   <td style="width:246px;vertical-align:bottom;height:52px;"><p style="text-align:left;"><span style="font-weight:bold;">字符</span></p></td> 
   <td style="width:246px;vertical-align:bottom;height:52px;"><p style="text-align:left;"><span style="font-weight:bold;">等价类</span></p></td> 
   <td style="width:246px;vertical-align:bottom;height:52px;"><p style="text-align:left;"><span style="font-weight:bold;">含义</span></p></td> 
  </tr> 
  <tr> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">.</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">[^\r\n]</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">除了回车和换行符以外的所有字符</p></td> 
  </tr> 
  <tr> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">\d</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">[0-9]</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">数字字符</p></td> 
  </tr> 
  <tr> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">\D</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">[^0-9]</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">非数字字符</p></td> 
  </tr> 
  <tr> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">\s</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">[\t\n\x0B\f\r]</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">空白符</p></td> 
  </tr> 
  <tr> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">\S</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">[^\t\n\x0B\f\r]</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">非空白符</p></td> 
  </tr> 
  <tr> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">\w</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">[a-zA-Z_0-9]</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">单词数字（字母数字下划线）</p></td> 
  </tr> 
  <tr> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">\W</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">[^a-zA-Z_0-9]</p></td> 
   <td style="width:246px;vertical-align:top;height:52px;"><p style="">非单词数字</p></td> 
  </tr> 
 </tbody> 
</table>

#### 边界 ####

#### 量词 ####

<table style=""> 
 <tbody> 
  <tr> 
   <td style="width:369px;vertical-align:bottom;height:52px;"><p style="text-align:left;"><span style="font-weight:bold;">字符</span></p></td> 
   <td style="width:369px;vertical-align:bottom;height:52px;"><p style="text-align:left;"><span style="font-weight:bold;">含义</span></p></td> 
  </tr> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">？</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">出现零次或者一次（最多出现一次）</p></td> 
  </tr> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">+</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">出现一次或多次（至少出现一次）</p></td> 
  </tr> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">*</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">出现零次或多次（任意次）</p></td> 
  </tr> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">{n}</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">出现n次</p></td> 
  </tr> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">{n,m}</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">出现n到m次</p></td> 
  </tr> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">{n,}</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">至少出现n次</p></td> 
  </tr> 
 </tbody> 
</table>

#### 贪婪与懒惰模式 ####

<table style=""> 
 <tbody> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">1</p><p style="">2</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">&gt;'12345678'.replace(/\d{3,6}/,'X')</p><p style="">.&gt;"X78"</p></td> 
  </tr> 
 </tbody> 
</table>

正则表达式默认会最多去匹配

想使用飞贪婪模式 在量词后加上?即可

<table style=""> 
 <tbody> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">1</p><p style="">2</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">&gt;'12345678'.replace(/\d{3,6}?/,'X')</p><p style="">.&gt;"X45678"</p></td> 
  </tr> 
 </tbody> 
</table>

#### 分组 ####

<table style=""> 
 <tbody> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">1</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">beyond{3} 是把d出现三次 量词作用于紧挨着的单词</p></td> 
  </tr> 
 </tbody> 
</table>

<table style=""> 
 <tbody> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">1</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">(beyond){3}整个单词出现了三遍</p></td> 
  </tr> 
 </tbody> 
</table>

反向引用

<table style=""> 
 <tbody> 
  <tr> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">1</p><p style="">2</p></td> 
   <td style="width:369px;vertical-align:top;height:52px;"><p style="">&gt;'2017-06-29'.replace(/(\d{4})-(\d{2})-(\d{2})/,'$3/$2/$1')</p><p style="">.&gt;"29/06/2017"</p></td> 
  </tr> 
 </tbody> 
</table>

将每个小括号中的内容作为一个对象，可以使用这个对象

--------------------

忽略分组如果不想捕获某个分组，在分组内加上?:即可