轻松学习JavaScript十四:JavaScript的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>

下面三个输出的结果就不再一一展示,只要写好模式正则表达式就可以检验输入的数据是否正确。由于刚刚接触

正则表达式,可能有不正确的地方,自己会进行完善和修正。

时间: 2024-07-30 10:17:20

轻松学习JavaScript十四:JavaScript的RegExp对象(正则表达式)的相关文章

JavaScript学习总结(十四)——JavaScript编写类的扩展方法

在?J?a?v?a?S?c?r?i?p?t?中?可以使?用?类的p?r?o?t?o?t?y?p?e属性来?扩?展?类的属?性?和?方?法,在实际开发当中,当JavaScript内置的那些类所提供的动态方法和动态属性不满足我们实际开发时,我们就可以通过"prototype"属性给自定义类添加方法和属性或者扩展原有的类中的方法和属性. 一.扩展JavaScript内置类,添加动态方法 语法格式: 类名.prototype.方法名 = function([param1],[param2],.

JavaScript学习总结(十六)——Javascript闭包(Closure)

原文地址: http://www.cnblogs.com/xdp-gacl/p/3703876.html 闭包(closure)是Javascript语言的一个难点,也是它的特色, 很多高级应用都要依靠闭包实现.很早就接触过闭包这个概念了,但是一直糊里糊涂的,没有能够弄明白JavaScript的闭包到底是什么,有什么用,今天 在网上看到了一篇讲JavaScript闭包的文章(原文链接), 讲得非常好,这下算是彻底明白了JavaScript的闭包到底是个神马东东以及闭包的用途了,在此写出来和大家分

JavaScript学习总结(十二)——JavaScript编写类

在工作中经常用到JavaScript,今天总结一下JavaScript编写类的几种写法以及这几种写法的优缺点,关于JavaScript编写类的方式,在网上看到很多,而且每个人的写法都不太一样,经常看到的就是以下几种方式. 1.构造函数方式 用构造函数模拟"类",在其内部用this关键字指代实例对象. 基本语法: function 类名(){     this.属性名;//公共属性     var 属性名;//私有属性    /*凡是定义类的公共属性和公共方法都要使用this*/   

Swift学习笔记十四:构造(Initialization)

类和结构体在实例创建时,必须为所有存储型属性设置合适的初始值.存储型属性的值不能处于一个未知的状态. 你可以在构造器中为存储型属性赋初值,也可以在定义属性时为其设置默认值.以下章节将详细介绍这两种方法. 注意: 当你为存储型属性设置默认值或者在构造器中为其赋值时,它们的值是被直接设置的,不会触发任何属性观测器(property observers). 一.基本语法 class Human{ var name :String init(){ name = "human" } init(n

laravel3学习笔记(十四)

原作者博客:ieqi.net ==================================================================================================== 运行时配置 在 Laravel3 中很多地方我们都可以看到“约定大于配置”的影子,我本人也很喜欢这种工程哲学尤其是在框架领域,当然这并不能代替所有的配置.我们知道 Laravel3 中,主要配置都写在 application/config 文件夹下,在应用逻辑中,往往

C++语言学习(十四)——C++类成员函数调用分析

C++语言学习(十四)--C++类成员函数调用分析 一.C++成员函数 1.C++成员函数的编译 C++中的函数在编译时会根据命名空间.类.参数签名等信息进行重新命名,形成新的函数名.函数重命名的过程通过一个特殊的Name Mangling(名字编码)算法来实现.Name Mangling算法是一种可逆的算法,既可以通过现有函数名计算出新函数名,也可以通过新函数名逆向推导出原有函数名.Name Mangling算法可以确保新函数名的唯一性,只要命名空间.所属的类.参数签名等有一个不同,那么产生的

学习五十四

十四周四次课(5月14日)16.1 Tomcat介绍16.2 安装jdk16.3 安装Tomcat 扩展java容器比较 http://my.oschina.net/diedai/blog/271367 http://www.360doc.com/content/11/0618/21/16915_127901371.shtmlj2ee.j2se.ejb.javabean.serverlet.jsp之间关系 http://bbs.csdn.net/topics/50015576tomcat ser

JavaScript权威设计--Window对象之Iframe(简要学习笔记十四)

1.Window对象属性的文档元素(id) 如果在HTML文档中用id属性来为元素命名,并且如果Window对象没有此名字的属性,Window对象会赋予一个属性,它的名字是id属性的值,而他们的值指向表示文档元素的HTMLElement对象. Window对象是以全局对象的形式存在于作用域链的最上层,这就意味着HTML文档中使用的id属性会成为可以被脚本访问的全局变量. 如: <button id="but"/> 就可以通过全局变量but来引用此元素. 2.多窗体窗口(if

前端笔记十四 JavaScript语法详解

强制类型转换函数 toString():将布尔值.数值等转换成字符串 parseInt():将字符串.布尔值转换成整数 parseFloat():将字符串.布尔值等转换成浮点数 JavaScript中没有块范围,输出函数中局部变量会覆盖全局变量,即使出了局部函数的范围依旧起作用 在定义变量的过程中,如果使用var则强制定义一个新变量,如果没有var则系统会优先在当前上下文中是否存在该变量,如果没有这个变量才会重新定义一个新的变量 科学技术法表示数值:<num1>E<num2>表示n