详解JavaScript正则表达式之RegExp对象

更新时间：2015年12月13日 10:57:14 作者：丿木呈广予口贝

这篇文章主要介绍了JavaScript正则表达式之RegExp对象，对RegExp对象的基本使用方法，以及各种方法进行整理，感兴趣的小伙伴们可以参考一下

一、RegExp对象概述
       RegExp对象表示正则表达式，RegExp是正则表达式的缩写，它是对字符串执行模式匹配的强大工具。RegExp对象用于规定在文本中检索的内容。当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp就是这种模式。简单的模式可以是一个单独的字符；更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等。
正则表达式可以规定字符串中的检索位置，以及要检索的字符类型等。
二、创建RexExp对象
创建正则表达式和创建字符串类似，创建正则表达式有两种方式：
       (1)使用字面量创建RegExp对象的语法：
       /pattern/attributes;
       (2)使用new关键词创建RegExp对象的语法：
       new RegExp(pattern, attributes);
参数释义：
       1参数pattern是一个字符串，指定了正则表达式的模式或其他正则表达式。
       2参数attributes是一个可选的模式字符串，包含属性 "g"、"i" 和 "m"，分别用于指定全局匹配、不区分大小写的匹配和多行匹配。
       RegExp对象用于存储检索模式。通过new关键词来创建RegExp对象。以下代创建了名为pattern的 RegExp对象，其模式是 "e"，当使用该RegExp对象在一个字符串中检索时，将寻找的是字符 "e"。

<span style="font-size:18px;">var pattern=new RegExp("e"); 
var pattern=new RegExp("e",gi);//设置全局搜素不区分大小写</span>

上述的也可以改成字面量的方式来创建，这种方式也是我们经常使用的方法：

<span style="font-size:18px;">var pattern=/e/; 
var pattern=/e/gi;</span>

三、RegExp对象详细解析
(1)RegExp对象属性

这些基本我们在上述的例子都已经见过，但我们还是举几个简单的例子来看一下：

<span style="font-size:18px;">var pattern=/e/gim; 
document.write(pattern.global+" ");//输出：true。说明设置了全局模式 
document.write(pattern.ignoreCase+" ");//输出：true 
document.write(pattern.multiline+" ");//输出：true 
document.write(pattern.source+" ");//输出：e</span>

(2)RegExp对象方法

RegExp对象有3个方法：test()、exec()以及compile()。
1)test()方法检索字符串中的指定值,返回值是true或false。

<span style="font-size:18px;">var pattern=/e/; 
var str="The best things in life are free"; 
document.write(pattern.test(str));//输出：true</span>

2)exec()方法检索字符串中的指定值，返回值是被找到的值；如果没有发现匹配，则返回null。

实例：

<span style="font-size:18px;">var pattern=/e/; 
var str="The best things in life are free"; 
document.write(pattern.exec(str));//输出：e</span>

实例：
向RegExp对象添加第二个参数，以设定检索。如果需要找到所有某个字符的所有存在，则可以使用 "g" 参数。
在使用 "g" 参数时，exec() 的工作原理如下：

1找到第一个 "e"，并存储其位置。
2如果再次运行exec()，则从存储的位置开始检索，并找到下一个 "e"，并存储其位置。

<span style="font-size:18px;">var pattern=/e/g; 
var str="The best things in life are free"; 
do 
{ 
 var result=pattern.exec(str); 
 document.write(result+" "); 
} 
while(result!=null)</span>

输出的结果为：e e e e e e null
3)compile()方法用于改变正则表达式，compile()既可以改变检索模式，也可以添加或删除第二个参数。

<span style="font-size:18px;">var pattern=/e/; 
var str="The best things in life are free"; 
document.write(pattern.test(str));//输出：true 
pattern.compile("d"); 
document.write(pattern.test(str));//输出：false</span>

(3)支持正则表达式的String对象的方法

由于正则表达式和String对象有着一定的联系，因此String对象的一些方法可用于正则表达式：

<span style="font-size:18px;">var pattern=/e/g;//开启全局模式 
var str="The best things in life are free"; 
document.write(str.match(pattren)+"<br/>");//以数组的形式输出：e,e,e,e,e,e 
document.write(str.search(pattren)+"<br/>");//输出：2(返回第一个匹配到的位置) 
document.write(str.replace(pattren,"a")+"<br/>");//输出：Tha bast things in lifa ara fraa 
var pattern1=/\s/g;//\s表示空格字符 
document.write(str.split(pattren1));//输出：The,best,things,in,life,are,free</span>

(4)元字符是拥有特殊含义的字符：

由于这些使用广泛，我们只是举几个例子：

<span style="font-size:18px;">var pattern=/b.ue/;//点符号表示匹配除了换行符以外的任意字符。 
var str="blue"; 
document.write(pattern.test(str));//输出：true</span>

(5)方括号用于查找某个范围的字符：

<span style="font-size:18px;">var pattern=/[a-z]oogle/;//[a-z]表示26个小写字母，任意一个都可以匹配 
var str="woogle"; 
document.write(pattren.test(str));//输出：true</span>

(6)量词

<span style="font-size:18px;">var pattern=/go+gle/;//o*表示匹配至少一个0 
var str="google"; 
document.write(pattren.test(str));//输出：true</span>

四、常用的正则表达式
主要的是看变量patttern模式字符串表示的正则表达式。其余的是一些JS的基本的东西，可以忽略。
(1)检查邮政编码

<span style="font-size:18px;">var pattern=/^[0-9]{6}$/;//必须是6位，并且都是是数字 
var str=prompt("请输入邮政编码："); 
if(pattern.test(str)) 
{ 
 alert("您输入的是正确的邮政标号！"); 
} 
else 
{ 
 alert("您输入的是错误的邮政标号！"); 
}</span>

输入一些数据运行的结果为：
输入：056500

输入：123

(2)简单电子邮件地址验证

<span style="font-size:18px;">var pattern=/^([\w\.\-]+)@([\w\-]+)\.([a-zA-Z]{2,4})$/; 
var str=prompt("请输入邮箱名称："); 
if(pattern.test(str)) 
{ 
 alert("您输入的是正确的邮箱名称！"); 
} 
else 
{ 
 alert("您输入的是错误的邮箱名称！"); 
}</span>

(3)检查上传文件压缩包

<span style="font-size:18px;">var pattern=/[\w]+\.zip|rar|gz/;//\w表示所有数字和字母以及下划线 
var str=prompt("请输入压缩包的名称："); 
if(pattern.test(str)) 
{ 
 alert("您输入的是正确的压缩包名称！"); 
} 
else 
{ 
 alert("您输入的是错误的压缩包名称！"); 
}</span>

(4)检查手机号

<span style="font-size:18px;">var pattern=/^[1][0-9]{10}$/; 
var str=prompt("请输入手机号码："); 
if(pattern.test(str)) 
{ 
 alert("您输入的是正确的手机号码！"); 
} 
else 
{ 
 alert("您输入的是错误的手机号码！"); 
}</span>

下面三个输出的结果就不再一一展示，只要写好模式正则表达式就可以检验输入的数据是否正确。由于刚刚接触正则表达式，可能有不正确的地方，自己会进行完善和修正，希望对大家的学习有所帮助。

您可能感兴趣的文章:

JSON遍历方式实例总结
这篇文章主要介绍了JSON遍历方式,结合实例形式总结分析了JavaScript操作json实现遍历的常用技巧,并给出了实例总结,需要的朋友可以参考下
2015-12-12
js 文件引入实现代码
项目前端的文件和后台开发分离，只要后台开发更新svn前端的js，css文件都会更新，以前引用的是一个js文件如AA.js，由于想在项目中引用jquery库，如果在每个文件的头部都引让他们从新写入这个jq文件不太可能
2010-04-04
JS高级运动实例分析
这篇文章主要介绍了JS高级运动,结合实例形式分析了javascript运动框架原理、实现与应用技巧,需要的朋友可以参考下
2016-12-12
JS实现的简单鼠标跟随DiV层效果完整实例
这篇文章主要介绍了JS实现的简单鼠标跟随DiV层效果,涉及JavaScript基于时间函数动态操作页面元素属性的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
2015-10-10
javascript使用Promise对象实现异步编程
这篇文章主要介绍了javascript使用Promise对象实现异步编程的相关资料,需要的朋友可以参考下
2016-03-03
js中日期的加减法
JavaScript实现日期加减计算功能代码实例，因为在js中没有类似C#中的AddDays方法，所以要想实现日期加减的话，就需要自己写函数来实现。
2015-05-05
JS可断点续传文件上传实现代码解析
这篇文章主要介绍了JS可断点续传文件上传实现代码解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2020-07-07
js+canvas实现动态吃豆人效果
本文主要介绍了js+canvas实现动态吃豆人效果的实例。具有很好的参考价值。下面跟着小编一起来看下吧
2017-03-03
jquery根据锚点offset值实现动画切换
点击后僵硬的切换是不是很不爽，下面为大家介绍的是根据锚点offset值来实现动画切换，喜欢的朋友不要错过
2014-09-09
JS左右无缝滚动（一般方法+面向对象方法）
其实不管是一般方法还是面向对象的方法都还有很多可以改进的地方，有需要的先将就着用吧
2012-08-08