JavaScript：正则表达式的应用

应用正则表达式对象RegExp

创建正则表达式

JavaScript中使用RegExp对象来表述一个正则表达式。使用正则表达式之前首先要创建一个RegExp对象：

var oRexp = new RegExp(pattern,[flag]);

说明：

　　pattern：为必选项，表示以字符串格式表示的正则表达式。

　　flag:为可选项，是匹配选项，可用值如下：

　　

 修饰符 描述
i 执行对大小写不敏感的匹配。
g 执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m 执行多行匹配。

用户不一定要显示的创建RegExp,还可以隐式地创建RegExp对象：

var oRegp = /pattern/[flag]

注意：

　　使用显式格式创建RegExp对象时，正则表达式中的“\”，要用“\\”来代替，且表达式开头和结尾不需要书写“/”。

判断字符串是否存在匹配内容

说明：

　　test() 方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。

实例：

　　检测用户输入的邮箱是否匹配模式

<!DOCTYPE html>

<html lang="en">

    <head>

        <title></title>

        <meta charset="UTF-8">

        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link href="css/style.css" rel="stylesheet">

    </head>

    <body>

        <form>

            <input name="email" type="text" id="email">

            <input name="check" type="button" value="检测" onclick="checkMail()">

        </form>

        <script>

            function checkMail()

            {

                var objReg =/\w+[@]{1}\w+[.]{1}\w+/  //模式

                var email = document.getElementById("email").value;

                if(objReg.test(email))　　　　//利用test进行匹配检测，返回true或这false

                {

                    alert("Email符合规范")

                }else{

                    alert("Email不符合规范")

                }

            }

        </script>

    </body>

</html>

对字符串进行匹配检测　　

说明：

　　exec()方法，通过对指定的字符串进行一次匹配检测，获取字符串中第一个与正则表达式所匹配的内容，并将该匹配内容及其子匹配的结果存储到返回的数组中。

实例：

　　检测手机号，并将第一次匹配成功的内容及其子匹配的结果存储到返回的数组中。

        <script>

                var objReg =/1[35](\d)(\d{8})/g;

                var ostring="我的电话13111111111 它的电话15222222222"

                var arr=objReg.exec(ostring);

                for(var i=0;i<arr.length;i++)

                {

                    document.write(arr[i]);

                }

        </script>

说明：

　　这里只有第一次匹配到的，即这个电话，虽然也符合，但是这个方法只进行一次匹配。

替换字符串中的指定内容

说明：

　　replace()方法可以用指定的子字符串替换掉字符串中与指定额正则表达式相匹配的内容。

实例：

　　将所有数字变成X





        <script>

                var objReg =/\d/g;

                var ostring="我的电话13111111111 它的电话15222222222"

                document.write(ostring.replace(objReg,'X'));

        </script>










匹配处理结果


在JavaScript中，使用正则表达式进行检索后，匹配结果将保存在集合中。本节将讲解该集合中的各种处理，如获取匹配位置、获取子匹配结果、获取匹配索引。


获取字符串中所有的匹配信息


说明：


　　String.match()方法返回一个数组，数组存储了字符串中所有的匹配信息。


实例：


　　匹配所有第二个字母为o的单词




        <script>

                var objReg =/\wo(\w+)?/g;　　//所有第二个字母为0的单词

                var ostring="Do you lova MS?"

                var arr = ostring.match(objReg);

                if(arr!=null)

                {

                    for(var i=0;i< arr.length;i++)

                    {

                        document.write("<li>"+arr[i])

                    }

                }

        </script>




获取第一次匹配成功的起始地址


说明：


　　String.search()方法是与指定的正则表达式相比较，以得到与之相匹配的内容第一次出现时的位置。


实例：


　　检测第一次出现ABCBA类似形式的字串位置




代码：
        <script>

                var objReg =/(\d)(\d)\d\2\1/;

                var ostring="11010111"

                var pos = ostring.search(objReg);

                if(pos!=-1)

                {

                    var content = objReg.exec(ostring);

                    alert("找到了，位置是"+pos+" 内容是"+content[0]);

                }

        </script>
效果：
　　




补充：


说明：


　　这里用到了 后向引用 


  • 当一个正则表达式被分组之后，每一个组会自动被赋予一个组号，该组号可以代表该组的表达式。
    • 

  • 分组的编制规则：从左至右，以左括号为标志，第一个分组为1，第二个分组为2，以此类推。
    • 

  • 反向引用提供了查找重复字符组的方便方法。它可被认为是再次匹配同一个字符串的快捷指令。


第二种方式：


　　RegExp.index:静态属性，返回字符串第一次匹配出现的起始位置　　


　　




 
												


											
JavaScript:学习笔记(3)——正则表达式的应用的更多相关文章
	

    
								
  1. javascript学习笔记(四) Number 数字类型
		
    数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数  toExponential() 方法 用科学 ...
    
		
    2. 
						
  2. Javascript学习笔记四——操作表单
		
    Javascript学习笔记 大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身 ...
    
		
    3. 
						
  3. Java程序猿的JavaScript学习笔记（汇总文件夹）
		
    最终完结了,历时半个月. 内容包含: JavaScript面向对象特性分析,JavaScript高手必经之路. jQuery源代码级解析. jQuery EasyUI源代码级解析. Java程序猿的J ...
    
		
    4. 
						
  4. Java程序猿的JavaScript学习笔记（8——jQuery选择器）
		
    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
    
		
    5. 
						
  5. Java程序猿JavaScript学习笔记（2——复制和继承财产）
		
    计划和完成在这个例子中,音符的以下序列: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaSc ...
    
		
    6. 
						
  6. Java程序猿的JavaScript学习笔记（3——this/call/apply）
		
    计划按例如以下顺序完毕这篇笔记: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScript ...
    
		
    7. 
						
  7. Java程序猿JavaScript学习笔记（4——关闭/getter/setter）
		
    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...
    
		
    8. 
						
  8. Java程序猿JavaScript学习笔记（14——扩大jQuery UI）
		
    计划和完成这个例子中,音符的顺序如下: Java程序猿的JavaScript学习笔记(1--理念) Java程序猿的JavaScript学习笔记(2--属性复制和继承) Java程序猿的JavaScr ...
    
		
    9. 
						
  9. JavaScript学习笔记之数组（二）
		
    JavaScript学习笔记之数组(二) 1.['1','2','3'].map(parseInt) 输出什么,为什么? ['1','2','3'].map(parseInt)//[1,NaN,NaN ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. sigpending
			
    信号的阻塞:通过sigprocmask()将信号集sigset_t中的信号设置为阻塞.SIG_BLOCK是指对相应信号的“递送阻塞”,内核在递送一个原来被阻塞的信号给进程时(而不是在产生该信号时),才 ...
    
			
    2. 
						
  2. composer  初始化办法和方法
			
    php -r "readfile('https://getcomposer.org/installer');" > composer-setup.php php -r &qu ...
    
			
    3. 
						
  3. NPOI读取操作excel
			
    .读取using (FileStream stream = new FileStream(@"c:\客户资料.xls", FileMode.Open, FileAccess.Rea ...
    
			
    4. 
						
  4. discuz添加管理员，找回管理员方法
			
    增加创始人方法: 第一步:打开现在创始人的后台,将你所需要增加的创始人设置为管理员,并且给予后台副站长权限,这两部一定要做到位,先把这两步做完之后再做下面的! 具体设置管理员和给予后台副站长权限请查看 ...
    
			
    5. 
						
  5. Charles 的几个调试技巧
			
    Charles 是一个网络调试的代理工具,类似 Windows 下的 Fildder,这里介绍下几个常用的调试技巧,使用的版本是 Charles 4. 1.移动端抓包 在移动开发中,经常会遇到在手机上 ...
    
			
    6. 
						
  6. 你设计的应用是IO依赖型还是CPU依赖型？
			
    这个话题可能看起来非常枯燥,但它对mysql的性能优化非常重要. 其实我在MYSQL 咨询工作中无时无刻接不在接触这类问题. IO工作负载与cpu依赖全然不同,尤其是当你的工作集(通常仅仅有数据库的一 ...
    
			
    7. 
						
  7. 我的第九个java程序--spring和mybatis整合（java project）
			
    思路:入口程序读spring的配置文件-配置文件注入给程序bean--程序拿到bean以操作对象的手法查出程序 入口程序HelloWorld.java package HelloWorld; impo ...
    
			
    8. 
						
  8. OpenCV中Kinect的使用（1）
			
    图像处理中一般为了更好的获取外部信息都会使用到Kinect,其优势在于除了传统的RGB摄像头之外,还拥有一个获取深度信息的3D深度感应器,因此可以获得外界物体的3维信息实现物体的跟踪.手势识别等各项功 ...
    
			
    9. 
						
  9. Hibernate一对多映射列表实例（使用xml文件）
			
    如果持久化类具有包含实体引用的列表(List)对象,则需要使用一对多关联来映射列表元素. 在这里,我们使用论坛应用场景,在论坛中一个问题有多个答案. 在这种情况下,一个问题可以有多个答案,每个答案可能 ...
    
			
    10. 
						
  10. Apache的下载以及安装
			
    前言:生活,生下来,活下去 第一步:在浏览器的搜索栏输入:apache下载:显示如下,单机进入Apache的官网
    
			
    11.