JS基础系列之正则表达式

正则表达式是一个很牛逼的东东,今天在这里只是简单的给刚刚接触JS的人普及一下,里面若有争议的地方欢迎大家留言!

JS基础系列之正则表达式

1.1 什么是正则表达式

​ 正则表达式(regular expression)是一个描述字符模式的对象,ECMAScript的RegExp 类表示正则表达式,而String和RegExp都定义了使用正则表达式进行强大的模式匹配和文本检索与替换的函数。

​ 正则表达式用于对字符串模式匹配及检索替换,是对字符串执行模式匹配的强大工具。

1.2 正则表达式的作用

​ 正则表达式主要用来验证客户端的输入数据。

​ 用户填写完表单单击按钮之后,表单就会被发送到服务器,在服务器端通常会用PHP、ASP.NET、JSP等服务器脚本对其进行进一步处理。因为客户端验证,可以节约大量的服务器端的系统资源,并且提供更好的用户体验。

二、创建正则表达式==(123)==

要使用正则表达式,必须先创建正则表达式对象,有2种创建对象的方式:

2.1 方式1:使用关键字new创建

var patt = new RegExp(pattern,modifiers);

参数1:正则表达式的模式。字符串形式

参数2:模式修饰符。用于指定全局匹配、区分大小写的匹配和多行匹配

<script type="text/javascript"> /* 创建了一个正则表达式 参数1:模式是:girl,意思是说可以匹配 "girl"这样的字符串 参数2:模式修饰符:gi g代表全局匹配 i代表不区分大小写 */ var pa = new RegExp("girl", "gi"); //测试参数中的字符串"你好我的girl" 是否与匹配模式匹配。 var isExist = pa.test("你好我的girl"); // 在本例中,是匹配的,这个字符串包含girl,所以返回true alert(isExist); //true </script>

2.2 方式2:使用正则表达式直接量

var pa = /pattern/modifiers;

两个/中间的表示正则表达式的模式,最后一个/的后面是模式修饰符

例如:上面的例子可以这样写 var pa = /girl/gi;

注意:这个时候模式和模式修饰符都能再添加双引号或单引号

<script type="text/javascript"> var pa = /girl/gi; alert(pa.test("厉害了我的girl")); //true </script>

三、正则表达式模式修饰符==(126)==

JavaScript中共有3种模式修饰符:g i u

g:表示全局。意思是说会对一个字符串进行多次匹配。如果不写g则只匹配一次,一旦匹配成功,则不会再次匹配

i:表示忽略大小写。意思是说在匹配的时候不区分大小写

u:表示可以多行匹配。

四、正则表达式方法详解==(127)==

经常用到的正则表达式方法有两个test() 和 exec()

4.1 test()方法

test(字符串)

参数:要匹配的字符串

返回值:匹配成功返回true,失败返回false

在只想知道目标字符串与某个模式是否匹配,但不需要知道其文本内容的情况下,使用这个方法非常方便。因此, test() 方法经常被用在 if 语句中。

<script type="text/javascript"> var pa = /girl/gi; if(pa.test("厉害了我的girl")){ alert("这个女孩和你很配"); }else { alert("你注定没有女孩去匹配"); } </script>

4.2 exec()方法

exec(字符串):该方法为专门为捕获组而设计的

参数:要匹配的字符串

返回值:返回的是一个数组。如果不匹配则返回null

关于返回值数组的说明:

它确实是Array的实例。

但是这个数组有两个额外的属性:index和input

index:表示匹配的字符串在源字符串中的索引

input:表示匹配的源字符串。

数组的第一项目是与整个模式匹配的字符串,其他项是与模式中捕获组匹配的字符串

如果没有捕获组,则数组中只有第一项。关于捕获组的概念以后再说

<script type="text/javascript"> var pa = /girl/gi; var testStr = "myGirl, yourgirl, hisgIrl"; var girls = pa.exec(testStr); //捕获 alert(girls.length + ":" + (girls instanceof Array)); //正则表达式没有捕获组,所以数组长度为1 alert(girls[0]); //第一次捕获的是 Girl //因为我们是用的全局匹配,所以此次匹配的时候从上次匹后的位置开始继续匹配 alert(pa.exec(testStr)[0]); // girl alert(pa.exec(testStr)); // gIrl alert(pa.exec(testStr)); //继续向后没有匹配的字符串,所以返回null // 返回null,如果继续再匹配,则会回到字符串的开始,重写开始匹配。 alert(pa.exec(testStr)); // Girl // ...开启新一轮匹配 </script>

所以我们如果想找到全部匹配的字符串可以时候用循环,结束条件就是匹配结果为null

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wjssdx.html