• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >正则表达式 > JS基础系列之正则表达式

JS基础系列之正则表达式

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了js正则表达式,js邮箱验证正则表达式,js正则表达式验证,js正则表达式语法,js正则表达式大全等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

正则表达式是一个很牛逼的东东,今天在这里只是简单的给刚刚接触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);
</div>

参数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>
</div>

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

var pa = /pattern/modifiers;
</div>

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

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

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

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

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

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

  1. g:表示全局。意思是说会对一个字符串进行多次匹配。如果不写g则只匹配一次,一旦匹配成功,则不会再次匹配
  2. i:表示忽略大小写。意思是说在匹配的时候不区分大小写
  3. 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>
</div>

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>
</div>

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

<script type="text/javascript">
 var pa = /girl/gi;
 var testStr = "myGirl, yourgirl, hisgIrl";
 var girls;
 while(girls = pa.exec(testStr)){ //如果等于null,会自动转成 false,结束。
  alert(girls);
 }
</script>
</div>

分组。在正则表达式中用()括起来任务是一组。组可以嵌套。

<script type="text/javascript">
  //()内的内容就是第1组(Girl),其实我们完整真个表达式可以看出第0组 girl(Girl)
  // 将来对应着匹配结果数组的下标。 
 var pa = /girl(Girl)/gi; 
 var test = "girlGirl abdfjla Girlgirl fal girl";
 var girls;
 while(girls = pa.exec(test)){
  //匹配之后,数组的第0个元素对应的这第0组的匹配结果,第1个元素对应着第1组的匹配结果
  for (var i = 0; i < girls.length; i++) {
   console.log(girls[i]);
  }
  console.log("-------------");
 }
</script>
//最终运行结果:
girlGirl
Girl
-------------
Girlgirl
girl
------------
</div>

五、正则表达式规则==(124)==

表达式规则

正则表达式元字符是包含特殊含义的字符。它们有一些特殊功能,可以控制匹配模式的

方式。反斜杠后的元字符将失去其特殊含义。

字符类:单个字符和数字

[0-9A-Za-z] 
元字符/元符号                    匹配情况
.                         匹配除换行符外的任意字符
[a-z0-9]                     匹配括号中的字符集中的任意字符
[^a-z0-9]                     匹配任意不在括号中的字符集中的字符
\d ==[0-9]                    匹配数字
\D ==[^0-9]                        匹配非数字,同[^0-9]相同
\w     [0-9A-Za-z_]                    匹配字母和数字及_
\W                         匹配非(字母和数字及_)

字符类:空白字符
元字符/元符号                    匹配情况
\0                             匹配null 字符
\

分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • 最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
  • JS正则表达式一条龙讲解(从原理和语法到JS正则)
  • 浅析正则表达式中的lastIndex以及预查
  • 比较常用的几个正则表达式匹配数字(收藏)
  • 一个容易犯错的js手机号码验证正则表达式(推荐)
  • js中使用正则表达式查找字母和数字的方法
  • 利用正则表达式提取固定字符之间的字符串
  • 正则表达式实现最小匹配功能的方法
  • iOS 正则表达式判断纯数字及匹配11位手机号码的方法
  • 正则表达式教程之前后查找lookaround详解

相关文章

  • 2017-05-11asp只采集网站可见文本的正则
  • 2017-05-11关于内容的分离,正则抽出图片(一定要加精哦)
  • 2017-05-11Java 正则表达式详解
  • 2017-05-11PHP 正则表达式的几则使用技巧
  • 2017-05-11正则的几个基本概念
  • 2017-05-11js正则表达式验证URL函数代码(方便多个正则对比)
  • 2017-05-11asp去掉html,保留img br p div的正则实现代码
  • 2017-05-11php下常用表单验证的正则表达式
  • 2017-05-11asp 正则表达式检测http开头的函数
  • 2017-05-11在VS2008中使用正则表达式进行查找和替换

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • 详解正则表达式表单验证实例
    • JavaScript 正则表达式使用详细参数
    • 利用正则快速找出两个字符串的不同字符
    • 常用的正则表达式大全(数字、字符、固定格式)
    • php中正则替换函数ereg_replace用法实例
    • 正则表达式在UBB论坛中的应用
    • 经典JavaScript正则表达式实战(附pdf)
    • javascript正则表达式简介
    • RegExp对象的方法和属性
    • 半小时精通正则表达式-精华版

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有