javascript正则表达式的详解

阳光穿透心脏的1/2处 2023-07-15 09:22 3阅读 0赞

# 一、javascript正则表达式概述 #

**正则表达式是用于匹配字符串中字符组合的模式**，在**java**和**php**里面也有正则表达式，在**javascript**里的正则表达式是以**对象**形式存在的  
**javascript正则表达式的作用**：**表单验证**（匹配）、过**滤页面的敏感词**（替换）、**从字符串获取特定的部分**（提取）

# 二、javascript正则表达式特点 #

1、灵活，逻辑性和功能性强  
2、可迅速简单的对字符串进行复杂控制

# 三、javascript正则表达式的使用 #

## 1、利用RegExp对象创建 ##

var regexp1=new RegExp('111');

## 2、利用字面量创建 ##

var regexp2=/111/;

## 3、测试正则表达式—test（） ##

用于检测字符串是否符合该规则，返回值为**true|false**，参数是待检测字符串

> 语法： regexObj.test（str）

var regexp1=/111/;
    regexp1.test(111); 				//true

## 4、测试正则表达式—exec（） ##

用于检测字符串是否符合该规则，如果**有**就**返回一个**带有符合正则规则的**对象**，如果**没有**就返回**null**，参数是待检测字符串

> 语法： regexObj.exec（str）

var regexp1=/111/;
    regexp1.exec(111); 				//返回一个对象，里面有个属性值为111的字符串

## 5、正则表达式的特殊符号 ##

<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>或者，相当于or关键字</td> 
  </tr> 
  <tr> 
   <td>.</td> 
   <td>匹配任意单个字符，但是行结束符除外：\n \r</td> 
  </tr> 
 </tbody> 
</table>

var regexp=/abc/;			//匹配字符串是否有abc字符串
                console.log(regexp.test('abc'));		//true
                console.log(regexp.test('abdc'));		//false
                console.log(regexp.test('abcd'));		//true
                console.log(regexp.test('aabcd'));		//true
                console.log('-----------------------');
                var regexp1=/^abc/;			//匹配字符串是否以abc开头
                console.log(regexp1.test('abc'));		//true
                console.log(regexp1.test('abcd'));		//true
                console.log(regexp1.test('aabcd'));		//false
                console.log('-----------------------');
                var regexp2=/abc$/;			//匹配字符串是否以abc结尾
                console.log(regexp2.test('abc'));		//true
                console.log(regexp2.test('abcd'));		//false
                console.log(regexp2.test('aabcd'));		//false
                console.log('-----------------------');
                var regexp3=/^abc$/;		//匹配字符串是否以abc开头和结尾（匹配是否完全一样）
                console.log(regexp3.test('abc'));		//true
                console.log(regexp3.test('abcd'));		//false
                console.log(regexp3.test('aabcd'));		//false

<table> 
 <thead> 
  <tr> 
   <th>字符类</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>[ ]</td> 
   <td>匹配字符串中的某一个字符即可</td> 
  </tr> 
  <tr> 
   <td>[ a-z ]</td> 
   <td>匹配字符串中a-z的一个字符</td> 
  </tr> 
  <tr> 
   <td>[ ^a-z]</td> 
   <td>匹配字符串中除a-z的一个其他字符</td> 
  </tr> 
 </tbody> 
</table>

var regexp=/[ily]/;				//匹配字符串是否有abc中某个字符
                console.log(regexp.test('I'));			//false
                console.log(regexp.test('i'));			//true
                console.log(regexp.test('love'));		//true
                console.log(regexp.test('you'));		//true
                var regexp1=/^[ily]$/;
                console.log(regexp1.test('I'));			//false
                console.log(regexp1.test('i'));			//true
                console.log(regexp1.test('love'));		//false
                console.log(regexp1.test('l'));			//true
                console.log(regexp1.test('you'));		//false
                console.log(regexp1.test('y'));			//true
                var regexp=/^[a-z]$/;				//匹配字符串是否有a-z的一个字符
                console.log(regexp.test('i'));			//true
                console.log(regexp.test('l'));			//true
                console.log(regexp.test('y'));			//true
                console.log(regexp.test('A'));			//false
                console.log(regexp.test('1'));			//false
                console.log(regexp.test('you'));		//false
                var regexp3=/^[^a-z0-9]$/;			//匹配字符串中除a-z和0-9的一个其他字符
                console.log(regexp3.test('i'));			//false
                console.log(regexp3.test('+'));			//true
                console.log(regexp3.test('1'));			//false
                console.log(regexp3.test('A'));			//true

<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>{n}</td> 
   <td>重复n次</td> 
  </tr> 
  <tr> 
   <td>{n，}</td> 
   <td>重复n次或者多次</td> 
  </tr> 
  <tr> 
   <td>{n，m}</td> 
   <td>重复n次到m次</td> 
  </tr> 
 </tbody> 
</table>

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

<table> 
 <thead> 
  <tr> 
   <th>预定类</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>\d</td> 
   <td>匹配0-9的任意数字，相当于[0-9]</td> 
  </tr> 
  <tr> 
   <td>\D</td> 
   <td>匹配0-9以外的字符，相当于[^0-9]</td> 
  </tr> 
  <tr> 
   <td>\w</td> 
   <td>匹配字母、数字、下划线，相当于[0-9A-Za-z_]</td> 
  </tr> 
  <tr> 
   <td>\W</td> 
   <td>匹配除了字母、数字、下划线的字符，相当于[^0-9A-Za-z_]</td> 
  </tr> 
  <tr> 
   <td>\s</td> 
   <td>匹配一个空白符，包括空格、制表符、换页符、换行符和其他 Unicode 空格，相当于[\t\r\n\v\f]</td> 
  </tr> 
  <tr> 
   <td>\S</td> 
   <td>匹配一个非空白符的字符，包括空格、制表符、换页符、换行符和其他 Unicode 空格，相当于[^\t\r\n\v\f]</td> 
  </tr> 
 </tbody> 
</table>

## 6、正则表达式的替换 ##

var str='你真的还好吗？你是真的吗？';		
    console.log(str.replace(/你/,'我'));		//没使用全局变量，只替换了1个
    console.log(str.replace(/你/g,'我'));		//使用全局变量，成功替换2个

![在这里插入图片描述][20200316190127304.png]

## 7、正则表达式的参数 ##

> g——全局匹配  
> i——忽略大小写  
> s——匹配任何字符（包括终止符 ‘\\n’），对 . 来说  
> gi——全局匹配+忽略大小写

***案例见上图！***

最后更加详细的内容可以参考[**https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global\_Objects/RegExp**][https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Global_Objects_RegExp]

本文只用于个人学习和记录

[20200316190127304.png]: /images/20230528/888fc53f128c4b68bdd1a8a6e6844df5.png
[https_developer.mozilla.org_zh-CN_docs_Web_JavaScript_Reference_Global_Objects_RegExp]: https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/RegExp