一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)方括号用于查找某个范围的字符:

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

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

(6)量词

watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt="">

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

以下三个输出的结果就不再一一展示,仅仅要写好模式正則表達式就能够检验输入的数据是否正确。因为刚刚接触

正則表達式,可能有不对的地方。自己会进行完好和修正。

轻松学习JavaScript十四:JavaScript的RegExp对象(正則表達式)的更多相关文章

  1. JavaScript正則表達式知识汇总

    Js 正則表達式知识汇总 正則表達式: 1.什么是RegExp?RegExp是正則表達式的缩写.RegExp 对象用于规定在文本中检索的内容. 2.定义RegExp:var +变量名=new RegE ...

  2. DOM笔记(十):JavaScript正則表達式

    一.RegExp ECMAScript通过RegExp类型类支持正則表達式,语法和Perl类似: var exp = /pattern/flags; patternb部分是不论什么简单的或复杂的正則表 ...

  3. JavaScript使用正則表達式

    2.0 简单介绍 正則表達式是能够用来查找与给定模式匹配的文本的搜索模式.比如,在上一章中,我们在一个较长的字符串中查找子字符串Cookbook: var testValue = "This ...

  4. 【JavaScript】正則表達式

    正則表達式,也不是第一次与它见面了.在我们学习ASP.NET视频的时候,验证控件的那个实例中.就有提到过它. 那个时候.都是在控件的属性中自己设置的,用的原理就是正則表達式,当时得感觉就是方便,强大, ...

  5. JavaScript 正則表達式

    一.简单介绍 1.什么是正則表達式 正則表達式本身就是一种语言,这在其他语言是通用的. 正則表達式(regular expression)描写叙述了一种字符串匹配的模式,能够用来检查一个串是否含有某种 ...

  6. javascript 正則表達式补充

    定义 JavaScript种正則表達式有两种定义方式,定义一个匹配类似 <%XXX%> 的字符串 1. 构造函数 var reg=new RegExp('<%[^%>]+%&g ...

  7. javascript正則表達式 &quot;\b&quot;问题

    preface 昨晚在看<javascript权威指南>后.看见作者自己封装一个兼容全部浏览器的山寨HTML5新API classLIst类.自己想了想认为自己也要去玩一下.可是能力还是有 ...

  8. 轻松学习之Linux教程六 正則表達式具体解释

    本系列文章由@超人爱因斯坦出品.转载请注明出处. 作者:超人爱因斯坦    个人站点:http://www.hpw123.net          文章链接:http://hpw123.net/a/L ...

  9. 7.4 Javascript:表单验证-揭开正則表達式的面纱

    用元字符匹配对应的字符类型 创建正則表達式有点像创建字符串字面量,仅仅只是正則表達式出如今一对"/"里 正則表達式中会用到一级元字符.用于连接字母与数字 "." ...

随机推荐

  1. 模板—字符串—KMP(单模式串,单文本串)

    模板—字符串—KMP(单模式串,单文本串) Code: #include <cstdio> #include <cstring> #include <algorithm& ...

  2. 集训day15 t1 poj3728

    [问题描述] 有一颗n个节点的树 每个节点上都有许多奸商在卖东西,第i个奸商的理想价格为vi,即他会以vi的价格购买或卖出一件东西 有m个人希望从树上的某个点走到另一个点,问你在只进行一次买卖(每次仅 ...

  3. 【二分答案】【分块答案】【字符串哈希】【set】bzoj2946 [Poi2000]公共串

    我们二分/分块枚举答案x,暴力把除了最短的字符串以外的其他字符串的x长度子串哈希搞出来,分别扔到set里. 然后暴力枚举最短的字符串的x长度字串,查看是否在全部的set里出现过. #include&l ...

  4. 【贪心】bzoj3721 PA2014 Final Bazarek

    考虑不限制奇偶的情况,那就是直接排序取前k个的和. 加上奇偶限制:若排序后的前k个的和是偶数,则“显然地”:将其中的最小的奇数替换成未被选择的数中最大的偶数 或者 将其中的最小的偶数替换成未被选择的数 ...

  5. 【kruscal】【最小生成树】【离线】洛谷 P2266 爱的距离

    建图:每个点向它四周的点连边权为两点点权的差的绝对值的边. 由于有多个需要“施法”的点,所以相当于对每个这样的点,询问与它的距离在T以内的最长边的最小值,即多次询问. 最长边最小之类的,肯定是最小生成 ...

  6. Bootstrap-table自定义可编辑每页显示记录数

    写在前面: 最近在做的person功能,由于后期系统中person人数较多,不利用查找person,故需求方将要求可以自己编辑每页显示的数目,而不是固定的写死每页显示的数目. 下面先来看下bootsr ...

  7. Problem E: 零起点学算法25——判断是否直角三角形

    #include<stdio.h> int main() { int a,b,c; while(scanf("%d %d %d",&a,&b,& ...

  8. a + b ——C语言初学者百题大战之四

    #include <stdio.h> int main() { int a,b; scanf("%d %d",&a,&b); printf(" ...

  9. codevs 4163 求逆序对的数目 -树状数组法

    4163 hzwer与逆序对  时间限制: 10 s  空间限制: 256000 KB  题目等级 : 黄金 Gold 题目描述 Description hzwer在研究逆序对. 对于数列{a},如果 ...

  10. React Native使用Navigator组件进行页面导航报this.props....is not a function错误

    在push的时候定义回调函数: this.props.navigator.push({ component: nextVC, title: titleName, passProps: { //回调 g ...