前言

之前小猪分享过关于正则表达式的一些内容，具体请看传送门，今天小猪来分享怎么在js中使用正则表达式。

定义

ECMAScript通过RegExp类型来支持正则表达式。使用下面类似Perl的语法，就可以创建一个正则表达式。

var expression = |pattern |flags;

其中的模式(pattern)部分可以是任何简单或复制的正则表达式，可以包含字符串、限定符、分组、向前查找以及反向引用。每个正则表达式都可带有一或多个标志(flags)，用以标明正则表达式的行为。

RegExp实例属性

RegExp对象的属性分为静态属性和实例属性。下面分别进行介绍。

1.1   静态属性

（1）index属性。是当前表达式模式首次匹配内容的开始位置，从0开始计数。其初始值为-1，每次成功匹配时，index属性都会随之改变。

（2）input属性。返回当前所作用的字符串，可以简写为$_，初始值为空字符串""。

（3）lastIndex属性。是当前表达式模式首次匹配内容中最后一个字符的下一个位置，从0开始计数，常被作为继续搜索时的起始位置，初始值为-1，表示从起始位置开始搜索，每次成功匹配时，lastIndex属性值都会随之改变。

（4）lastMatch属性。是当前表达式模式的最后一个匹配字符串，可以简写为$&。其初始值为空字符串""。在每次成功匹配时，lastMatch属性值都会随之改变。

（5）lastParen属性。如果表达式模式中有括起来的子匹配，是当前表达式模式中最后的子匹配所匹配到的子字符串，可以简写为$+。其初始值为空字符串""。每次成功匹配时，lastParen属性值都会随之改变。

（6）leftContext属性。是当前表达式模式最后一个匹配字符串左边的所有内容，可以简写为$`（其中“'”为键盘上“Esc”下边的反单引号）。初始值为空字符串""。每次成功匹配时，其属性值都会随之改变。

（7）rightContext属性。是当前表达式模式最后一个匹配字符串右边的所有内容，可以简写为$’。初始值为空字符串""。每次成功匹配时，其属性值都会随之改变。

（8）$1…$9属性。这些属性是只读的。如果表达式模式中有括起来的子匹配，$1…$9属性值分别是第1个到第9个子匹配所捕获到的内容。如果有超过9个以上的子匹配，$1…$9属性分别对应最后的9个子匹配。在一个表达式模式中，可以指定任意多个带括号的子匹配，但RegExp对象只能存储最后的9个子匹配的结果。在RegExp实例对象的一些方法所返回的结果数组中，可以获得所有圆括号内的子匹配结果。

1.2   实例属性

（1）global属性。返回创建RegExp对象实例时指定的global标志（g）的状态。如果创建RegExp对象实例时设置了g标志，该属性返回True，否则返回False，默认值为False。

（2）ignoreCase属性。返回创建RegExp对象实例时指定的ignoreCase标志（i）的状态。如果创建RegExp对象实例时设置了i标志，该属性返回True，否则返回False，默认值为False。

（3）multiLine属性。返回创建RegExp对象实例时指定的multiLine标志（m）的状态。如果创建RegExp对象实例时设置了m标志，该属性返回True，否则返回False，默认值为False。

（4）source属性。返回创建RegExp对象实例时指定的表达式文本字符串。

RegExp实例方法

RegExp对象的常用方法有test、exec和compile，本节介绍这些方法的功能和用法。最后，对RegExp对象的属性和方法进行一个综合举例。

2.1   test方法

语法格式为test(str)。该方法检查一个字符串中是否存在创建RegExp对象实例时所指定的表达式模式，如果存在就返回True，否则返回False。如果找到匹配项，则会更新RegExp对象中的有关静态属性，以反映匹配情况。

var patt1=new RegExp("e");

document.write(patt1.test("The best things in life are free"));

由于该字符串中存在字母 "e"，以上代码的输出将是：

true

2.2   exec方法

语法格式为exec(str)。该方法使用创建RegExp对象实例时所指定的表达式模式对一个字符串进行搜索，并返回一个包含搜索结果的数组。

var patt1=new RegExp("e");

document.write(patt1.exec("The best things in life are free"));

由于该字符串中存在字母 "e"，以上代码的输出将是：

e

如果为正则表达式设置了全局标志（g），可以通过多次调用exec和test方法在字符串中进行连续搜索，每次都是从RegExp对象的lastIndex属性值指定的位置开始搜索字符串。

如果没有设置全局标志（g），则exec和test方法忽略RegExp对象的lastIndex属性值，从字符串的起始位置开始搜索。

如果exec方法没有找到匹配，返回值为null；如果找到匹配，则返回一个数组，并更新RegExp对象中有关静态属性以反映匹配情况。返回数组中的元素0包含了完整的匹配结果，而元素1～n依次是表达式模式中定义的各个子匹配的结果。

var patt1=new RegExp("e","g");

do

{

    result=patt1.exec("The best things in life are free");

    document.write(result);

}

while (result!=null)

由于这个字符串中 6 个 "e" 字母，代码的输出将是：

eeeeeenull

exec方法返回的数组有3个属性，分别是input、index和lastIndex。

input属性是整个被搜索的字符串。

index属性是指匹配在整个被搜索字符串中的位置。

lastIndex属性是指匹配的子字符串的最后一个字符的下一个字符位置。

下面代码是对该方法的应用举例。

代码exec()方法应用：2.2.3.htm

<html>

<head>

<title>exec()方法应用</title>

<script language = "JavaScript">

    var myString="aaa 111 bbb 222 ccc 1111 222ddd";

    var regex = /111/;     //创建正则表达式对象

    var array=regex.exec(myString);

    if (array){

          var str="找到了匹配子串!"+"\n返回数组的值为:"+array+"\n数组元素个数："

                          +array.length+"\n被搜索的字符串为："+array.input

                          +"\n匹配子串的开始位置为："+array.index

                          +"\n匹配子串后面第一个字符的位置为："+regex.lastIndex;

                  alert(str);

          }

          else{

                  alert("未找到匹配子串！！");

          }

</script>

<body></body>

</html>

RegExp构造函数属性

JS引用类型之——RegExp的更多相关文章

  1. 从一个简单例子来理解js引用类型指针的工作方式

    <script> var a = {n:1}; var b = a; a.x = a = {n:2}; console.log(a.x);// --> undefined conso ...

  2. JS正则表达式（RegExp）

    字符串是编程时涉及到的最多的一种数据结构,对字符串进行操作的需求几乎无处不在.比如判断一个字符串是否是合法的Email地址,虽然可以编程提取@前后的子串,再分别判断是否是单词和域名,但这样做不但麻烦, ...

  3. JS 引用类型

    object类型: js中大多数引用类型都是Object类型的实例.创建object实例有两种方法:第一种是使用new操作符后跟Object构造函数. var obj = new Object();o ...

  4. js引用类型之valueof和tostring（三）

    一.摘要: <javascript高级程序设计第三版>一书中单独有一章对js的引用类型(Object.Array.RegExp.Function:基本包装类型:Boolean.Number ...

  5. js引用类型赋值，深拷贝与浅拷贝

    JS中引用类型使用等号“=” 赋值,相当于把原来对象的地址拷贝一份给新的对象,这样原来旧的对象与新的对象就指向同一个地址,改变其中一个对象就会影响另外那个对象,也就是所谓的浅拷贝.例如: var ar ...

  6. JS引用类型之——数组

    前言 数组作为JS中非常常用的引用类型,其功能是非常强大滴,今天小猪就彻底的看了下它.为了防止猪脑子不够用所以记录在案呐 1.数组的创建 var arrayObj = new Array(); //创 ...

  7. js引用类型数组去重-对象标记法

    前言 Js数组去重已经有很多种实现方式:包括逐个检索对比(使用Array.property.indexOf),先排序后对比,使用hash表,利用ES6中的Set()等.这些数组去重办法中速度最快的是h ...

  8. js——引用类型和基本类型

    js中的数据类型有以下几种: 基本类型:Number Boolean  String  undefined null  Symbol 引用类型:Object(Array, Function, Date ...

  9. JS正则对象 RegExp（有变量的时候使用），用来匹配搜索关键字（标红）

    1,平常我们写js正则规则的时候,一般是这样写: var reg = /abc/; 然而,这样写的话,如果abc是一个变量这样就不行,我们需要下面这种写法: var abc = "汉字&qu ...

随机推荐

  1. 最牛叉的街机游戏合集 & 模拟器

    亲爱的小伙伴们,是否还记得那年我们玩的疯狂的街机游戏吗,街机中心提供400多个街机游戏,让你爽到底. 例如:拳皇96,拳皇97,恐龙新世纪.名将.快打旋风.惩罚者.魂斗罗.超级玛丽.雪山兄弟.忍者神龟 ...

  2. hostapd源代码分析（一）：网络接口和BSS的初始化

    [转]hostapd源代码分析(一):网络接口和BSS的初始化 原文链接:http://blog.csdn.net/qq_21949217/article/details/46004349 最近在做一 ...

  3. iOS 开发之照片框架详解(2)

    一. 概况 本文接着 iOS 开发之照片框架详解,侧重介绍在前文中简单介绍过的 PhotoKit 及其与 ALAssetLibrary 的差异,以及如何基于 PhotoKit 与 AlAssetLib ...

  4. android瀑布流效果（仿蘑菇街）

    Android 转载分享(10)  我们还是来看一款示例:(蘑菇街)           看起来很像我们的gridview吧,不过又不像,因为item大小不固定的,看起来是不是别有一番风味,确实如此. ...

  5. 2016最全的web前端面试题及答案整理

    面试web前端开发,不管是笔试还是面试,都会涉及到各种专业技术问题,今天小编整理了一些常见的web前端面试题及答案,希望对大家有所帮助. 1.常用那几种浏览器测试?有哪些内核(Layout Engin ...

  6. karma+angular

    下面的介绍以karma能正常运行为前提,看karma系列文章:http://www.cnblogs.com/laixiangran/tag/Karma/ 目录结构 步骤 安装 npm install ...

  7. img src 使用 base64 图片数据

    img src 使用 base64 图片数据 在网页上显示一张图片通常是 <img src="xxx.png" > 或 <img src="www.ur ...

  8. 图片左右滚动的js代码

    html代码 <div class="demo" id="demo" style="overflow:hidden; width:660px; ...

  9. 【转】实现RTP协议的H.264视频传输系统

    1.  引言       随着信息产业的发展,人们对信息资源的要求已经逐渐由文字和图片过渡到音频和视频,并越来越强调获取资源的实时性和互动性.但人们又面临着另外一种不可避免的尴尬,就是在网络上看到生动 ...

  10. 那些年独自踩过的flascc的坑

    [一个工程中使用多个flascc编译出来的swc] 1.如果是swf工程, 工程中同时使用多个flascc编译出来的swc, 可以顺利通过. 2.如果是swc工程, 工程中同时使用多个flascc编译 ...