JavaScript之正则表达式

你的名字 2022-08-07 09:54 192阅读 0赞

**        正则表达式（regular expression）简称regex，是对字符串操作的一种逻辑公式，就是用事先定义好的一些特定字符及这些特定字符的组合，组成一个“规则字符串”，这个“规则字符串”用来表达对字符串的一种过滤逻辑。****正则表达式主要用来验证客户端的输入数据****。**

**给定一个正则表达式和另一个字符串，我们可以达到如下的目的：**

**1. 给定的字符串是否符合正则表达式的过滤逻辑（称作“匹配”）；**

**2. 可以通过正则表达式，从字符串中获取我们想要的特定部分。**

**一、创建正则表达式：**

**1、new运算符**

var box =new RegExp('box');//第一个参数字符串
 var box=new RegExp('box','ig');//第二个参数可选模式修饰符

![Center][]

**2、字面量方式**

var box=/box/;//直接用两个反斜杠
 var box=/box/ig;//在第二个斜杠后面加上模式修饰符

**二、测试正则表达式：**

**        RegExp对象包含两个方法：test()和exec()**

**1、test()**

**        test()方法在字符串中查找是否存在指定的正则表达式并返回布尔值，如果存在则返回true，不存在则返回false。**

<html>
 <body>
 
 <script type="text/javascript">
 var box=new RegExp("e");
 
 document.write(box.test("The best things in life are free"));
 </script>
 
 </body>
 </html>

![Center 1][]

**2、exec()**

**        exec()方法也用于在字符串中查找指定正则表达式，如果exec()方法执行成功，则返回包含该查找字符串的相关信息数组。如果执行失败，则返回null。**

<html>
 <body>
 
 <script type="text/javascript">
 var box=new RegExp("e");
 
 document.write(box.exec("The best things in life are free"));
 </script>
 
 </body>
 </html>

![Center 2][]

**三、String对象中的正则表达式方法**

**![Center 3][]**

<!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>replace/match</title>
 </head>
 <script language="javascript" type="text/javascript">
 var str="Windows 是一个很优秀的系统，我喜欢Windows！";
 alert(str);
 </script>
 <body>
 </body>
 
 </html>

![Center 4][]

**1、match**

<!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>replace/match</title>
 </head>
 <script language="javascript" type="text/javascript">
 var str="Windows 是一个很优秀的系统，我喜欢Windows！";
 //定义变量reg
 var reg=/Windows/g;
 /*var tmp=str.replace(reg,"Linux");
 alert(tmp);*/
 var found=str.match(reg);
 alert(found);
 </script>
 <body>
 </body>
 </html>

![Center 5][]

**2、replace**

<!doctype html>
 <html>
 <head>
 <meta charset="utf-8">
 <title>replace/match</title>
 </head>
 <script language="javascript" type="text/javascript">
 var str="Windows 是一个很优秀的系统，我喜欢Windows！";
 //定义变量reg
 var reg=/Windows/g;
 var tmp=str.replace(reg,"Linux");
 alert(tmp);
 </script>
 <body>
 </body>
 </html>

![Center 6][]

**四、贪婪和惰性：**

**贪婪：先匹配整个字符串,然后从右往左,不匹配就舍去一个 ... **

**惰性：从左往右匹配,第一个不匹配就再加第二个...  **

![Center 7][]

var pattern=/[a-z]+?/;/？号关闭了贪婪匹配，只替换了第一个
 var str='abcdefjhijklmnopqrstuvwxyz';
 var result=str.replace(pattern,'xxx');
 alert(result);

![Center 8][]

**禁止贪婪的两种形式：**

var pattern=/8(.+?)8/g;//禁止了贪婪，开启的全局
 var str='This is 8google8,That is 8google8,There is 8google8';
 var result=str.replace(pattern,'$1');
 document.write(result);

var pattern=/8([^8]*)8/g;//另一种禁止贪婪
 var str='This is 8google8,That is 8google8,There is 8google8';
 var result=str.replace(pattern,'$1');
 document.write(result);

**总结：**

**        常用到的正则表达式有检查邮政编码，删除多余空格，简单的电子邮件验证等等。正则表达式的灵活性、逻辑性和功能性非常的强；可以迅速地用极简单的方式达到字符串的复杂控制，同时可以节约大量的服务器端的系统资源，并且提供更好的用户体验。**

[Center]: /images/20220805/1133f76457c144e599b600125e7e4cde.png
[Center 1]: /images/20220805/a677df027da34f619485872781185f9a.png
[Center 2]: /images/20220805/dc18c420bb224256b2e8deb39270dc95.png
[Center 3]: /images/20220805/b98aafb8b61d410d8259b66ec64f75cf.png
[Center 4]: /images/20220805/e28450e2620347b883f66e9347283121.png
[Center 5]: /images/20220805/9f1aa7984add4b7fbad0659b9805b9f7.png
[Center 6]: /images/20220805/6a839260877641eeba74216e9b41fef1.png
[Center 7]: /images/20220805/e048823230b741b2a6fe79ba7af06461.png
[Center 8]: /images/20220805/bbfbfe9b7d894e5ba57f257a2c993f89.png