js中String字符串对象的正则方法

痛定思痛。 2024-03-22 16:00 68阅读 0赞

### 1、match方法 ###

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p><code>stringObj.match(regex)</code></p> </td> 
  </tr> 
 </tbody> 
</table>

在字符串中检索匹配正则表达式regex的子串；如果匹配，返回包含匹配结果的一个数组；不匹配返回null。

正则表达式regex中不带全局修饰符g，则只匹配一次。

正则表达式regex中带全局修饰符g，则匹配所有结果。

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> </td> 
   <td> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>str&nbsp;=&nbsp;</code><code>"1234@qq.com"</code><code>;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>res&nbsp;=&nbsp;[str.match(/[@\.\]/g);](mailto:str.split(/[@/.]/);)&nbsp;</code><code>//&nbsp;.要加转义</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>console.log(res);&nbsp;</code><code>//["@",&nbsp;"."]</code></p> </td> 
  </tr> 
 </tbody> 
</table>

### 2、replace方法(常用) ###

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p><code>stringObj.replace(regex,&nbsp;replacement)</code></p> </td> 
  </tr> 
 </tbody> 
</table>

**在字符串中检索匹配正则表达式regex的子串，并替换为指定的字符串replacement；返回替换之后的新字符串。**

正则表达式regex中不带全局修饰符g，则只匹配一次并替换一次。

正则表达式regex中带全局修饰符g，则匹配所有结果并替换所有结果。

替换的时候，使用"$1"表示匹配的第一个子表达式：

用$2表示第二个子表达式，以此类推。

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p><code>string.replace(/reallyDo/g,&nbsp;replaceWith);</code></p> </td> 
  </tr> 
 </tbody> 
</table>

### 3、search方法 ###

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p><code>stringObj.search(regex)</code></p> </td> 
  </tr> 
 </tbody> 
</table>

**在字符串中搜索符合正则表达式的结果。如果找到结果返回结果的起始位置，停止向后检索，也就是说忽略全局标识符g；如果没有匹配结果，返回-1.**

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> </td> 
   <td> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>str&nbsp;=&nbsp;</code><code>"1234@qq.com"</code><code>;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>res&nbsp;=&nbsp;[str.search(/[@\.\]/);](mailto:str.split(/[@/.]/);)&nbsp;</code><code>//&nbsp;.要加转义</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>console.log(res);&nbsp;</code><code>//4</code></p> </td> 
  </tr> 
 </tbody> 
</table>

### 4、split方法 ###

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> </td> 
   <td> <p><code>stringObj.split(regex)</code></p> </td> 
  </tr> 
 </tbody> 
</table>

**把一个字符串分割成字符串数组, 返回一个数组**

<table> 
 <tbody> 
  <tr> 
   <td> <p>1</p> <p>2</p> <p>3</p> </td> 
   <td> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>str&nbsp;=&nbsp;</code><code>"1234@qq.com"</code><code>;</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>var</code>&nbsp;<code>res&nbsp;=&nbsp;[str.split(/[@\.\]/);](mailto:str.split(/[@/.]/);)&nbsp;</code><code>//&nbsp;.要加转义</code></p> <p><code>&nbsp;&nbsp;&nbsp;&nbsp;</code><code>console.log(res);&nbsp;</code><code>//["1234",&nbsp;"qq",&nbsp;"com"]</code></p> </td> 
  </tr> 
 </tbody> 
</table>