js进阶正则表达式10-分组-多行匹配-正则对象的属性（小括号作用：分组，将小括号里面的东西看成一个整体，因为量词只对前一个字符有效）（多行匹配：m）（属性使用：reg.global）

一、总结

1、小括号作用：分组，将小括号里面的东西看成一个整体，因为量词只对前一个字符有效

var reg2=/(td){2,4}/g //1、小括号作用，分组

2、var reg3=/^\d/gm //2、m多行匹配

var str2='1.第一章\n2.第二章\n3.第三章' //4、换行符

3、alert(reg.global) //3、reg的属性使用

二、js进阶正则表达式10-分组-多行匹配-正则对象的属性

RegExp 对象属性

  • global RegExp 对象是否具有标志 g。

    语法：RegExpObject.global

    如果 g 标志被设置，则该属性为 true，否则为 false。

  • ignoreCase RegExp 对象是否具有标志 i。

    语法：RegExpObject.ignoreCase

    如果设置了 "i" 标志，则返回 true，否则返回 false。

  • multiline RegExp 对象是否具有标志 m。

    语法：RegExpObject.multiline

    如果 m 标志被设置，则该属性为 true，否则为 false。

  • source 正则表达式的源文本。

    RegExpObject.source

    source 属性用于返回模式匹配所用的文本。

    该文本不包括正则表达式直接量使用的定界符，也不包括标志 g、i、m。

  • lastIndex 一个整数，标示开始下一次匹配的字符位置。

    语法：RegExpObject.lastIndex

    该属性存放一个整数，它声明的是上一次匹配文本之后的第一个字符的位置。多用于在一个字符串中进行多次匹配

    上次匹配的结果是由方法 RegExp.exec() 和 RegExp.test() 找到的，它们都以 lastIndex 属性所指的位置作为下次检索的起始点。这样，就可以通过反复调用这两个方法来遍历一个字符串中的所有匹配文本。

    不具有标志 g 和不表示全局模式的 RegExp 对象不能使用 lastIndex 属性。

RegExp 对象方法

  • compile 编译正则表达式。

    compile 方法将正则表达式转换为内部的格式，从而执行得更快。例如，这允许在循环中更有效地使用正则表达式。当重复使用相同的表达式时，编译过的正则表达式使执行加速。

  • test 检索字符串中指定的值。返回 true 或 false。

    语法：RegExpObject.test(string)

    如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。

  • exec 检索字符串中指定的值。返回找到的值，并确定其位置。

    如果 exec 方法没有找到匹配，将返回 null。如果找到匹配项，则 exec 方法返回一个数组

    数组元素 0 包含了完整的匹配项，而元素 1 到 n 包含的是匹配项中出现的任意一个子匹配项。

    除了数组元素和 length 属性之外，exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。在调用非全局的 RegExp 对象的 exec() 方法时，返回的数组与调用方法 String.match() 返回的数组是相同的。

    当 RegExpObject 是一个全局正则表达式时，exec() 会在 RegExpObject 的 lastIndex 属性指定的字符处开始检索字符串 string。当 exec() 找到了与表达式相匹配的文本时，在匹配后，它将把 RegExpObject 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。

三、代码

 <!DOCTYPE html>

 <html lang="zh-cn">

 <head>

   <meta charset="utf-8">

   <title>课堂演示</title>

   <style type="text/css">

   li{

       font-size: 20px;

       width: 500px;

       background: rgba(0,180,80,0.3);

       padding: 10px;

       margin: 10px;

     }

   </style>

 </head>

 <body>

   <script type="text/javascript">

   /*

     var str1='td tdd tddd tdddd tdtd tdtdtd tdtdtdtd'

     var str2='1.第一章\n2.第二章\n3.第三章'  //4、换行符

     var reg1=/td{2,4}/g

     var reg2=/(td){2,4}/g  //1、小括号作用，分组

     // var reg3=/^\d/gm    //2、m多行匹配

     var reg3=/\d/g

     alert(str2.replace(reg3,'#'))

   document.write('<ol>')

       document.write('<li>'+'原字符串：'+'<br>'+str1+'<br>'+str2

         +'<li>'+str1.match(reg1)

         +'<li>'+str1.match(reg2)

         +'<li>'+str2.replace(reg3,'#')

         )

     document.write('</ol>')

   */

    var reg=/HTML5/i

   //  alert(reg.global)   //3、reg的属性使用

   alert(reg.ignoreCase)

   </script>

 </body>

 </html>

js进阶正则表达式10-分组-多行匹配-正则对象的属性（小括号作用：分组，将小括号里面的东西看成一个整体，因为量词只对前一个字符有效）（多行匹配：m）（属性使用：reg.global）的更多相关文章

  1. js进阶正则表达式11RegExp的属性和方法（RegExp的属性和方法，就是RegExp对象.(点)什么的形式）（正则表达式执行之前会被编译）

    js进阶正则表达式11RegExp的属性和方法(RegExp的属性和方法,就是RegExp对象.(点)什么的形式)(正则表达式执行之前会被编译) 一.总结 1. RegExp的属性和方法,就是RegE ...

  2. js进阶正则表达式5几个小实例（原样匹配的字符在正则中原样输出）（取反^）

    js进阶正则表达式5几个小实例(原样匹配的字符在正则中原样输出)(取反^) 一.总结 原样匹配的字符在正则中原样输出:var reg4=/第[1-2][0-9]章/g //10-29 取反^:var ...

  3. js进阶正则表达式15验证身份证号（|符号的使用：var reg=/^\d{17}[\d|X]$|^\d{15}$/）（str的方法substr）

    js进阶正则表达式15验证身份证号(|符号的使用:var reg=/^\d{17}[\d|X]$|^\d{15}$/)(str的方法substr) 一.总结 1.|符号的使用:var reg=/^\d ...

  4. js进阶正则表达式14验证邮编（input的pattern属性）（正则表达式加起^始$）

    js进阶正则表达式14验证邮编(input的pattern属性)(正则表达式加起^始$) 一.总结 1.input的pattern属性:里面可以直接放正则表达式,<input type=&quo ...

  5. js进阶正则表达式9量词2（^和&作用：/^HTML5$/g匹配不到aHTML5b中的HTML5，不然是可以匹配到的）（/\d+(?=cm)/g）（(?!cm)）

    js进阶正则表达式9量词2(^和&作用:/^HTML5$/g匹配不到aHTML5b中的HTML5,不然是可以匹配到的)(/\d+(?=cm)/g)((?!cm)) 一.总结 ^和&作用 ...

  6. js进阶正则表达式13RegExp对象方法（RegExp对象的方法：compile，test，exec）（子表达式 var reg1=/([a-z]+)\d/）

    js进阶正则表达式13RegExp对象方法(RegExp对象的方法:compile,test,exec)(子表达式 var reg1=/([a-z]+)\d/) 一.总结 1.RegExp对象有三个方 ...

  7. js进阶正则表达式修饰符（i、g、m）（var reg2=/html/gi）

    js进阶正则表达式修饰符(i.g.m)(var reg2=/html/gi) 一.总结 1.正则表达式使用:通过那些支持正则表达式的字符串函数来使用(search.match.replace.spli ...

  8. js进阶 11-9/10/11 jquery创建和插入节点

    js进阶 11-9/10/11 jquery创建和插入节点 一.总结 一句话总结: 1.jquery插入节点8个方法? 内部之前,内部之后,之前,之后:各两个 append()和appendTo() ...

  9. js进阶 13-9/10 jquery如何实现三级列表

    js进阶 13-9/10 jquery如何实现三级列表 一.总结 一句话总结:用的是定位,父标签相对定位,子标签就可以绝对定位了,绝对定位的孩子还是可以设置绝对定位.用toggle设置子菜单显示和隐藏 ...

随机推荐

  1. Appium定义接口测试

    1.Appium如何执行 Appium作为一个服务器,python的脚本代码交给Appium服务器,Appium再去与设备交互. desired_cap = {} desired_cap['platf ...

  2. PatentTips - Method to manage memory in a platform with virtual machines

    BACKGROUND INFORMATION Various mechanisms exist for managing memory in a virtual machine environment ...

  3. 编译安装PHP-7.2.8

    一 下载并软件包 wget http://124.205.69.169/files/A218000006E9730A/cn2.php.net/distributions/php-7.2.8.tar.g ...

  4. git 当出现 devirge 时，一个是commit的提交顺序不对

    进入新分支1.git pull origin branchname 2.修改 3.git add . 4.git commit  5. git pull 6.git push 出现分歧要,就版本回退, ...

  5. v-for一定要与v-bind:key="id"连用

    1. v-for: <div v-for="(item,index) in todolist" v-bind:key="item.id"> < ...

  6. kindle paperwhite 简单笔记按名称分类

    已更新python,见新博客  http://www.hrwhisper.me/archives/708 写作背景: 南京决赛比赛完那天晚上写的. 使用方法: 将My Clippings.txt 放在 ...

  7. ASP.NET Core 2.2 十九. 你扔过来个json，我怎么接

    原文:ASP.NET Core 2.2 十九. 你扔过来个json,我怎么接 前文说道了Action的激活,这里有个关键的操作就是Action参数的映射与模型绑定,这里即涉及到简单的string.in ...

  8. WebService学习总结（2）——WebService是什么？

    一.WebService是什么? 1. 基于Web的服务:服务器端整出一些资源让客户端应用访问(获取数据) 2. 一个跨语言.跨平台的规范(抽象) 3. 多个跨平台.跨语言的应用间通信整合的方案(实际 ...

  9. Traveler Nobita （zoj 3456 最小生成树）

    Traveler Nobita Time Limit: 2 Seconds      Memory Limit: 65536 KB One day, Nobita used a time machin ...

  10. Android实践 -- 设置系统日期时间和时区

    设置系统日期时间和时区 设置系统的日期时间和时区,需要 系统权限和系统签名,android:sharedUserId="android.uid.system" 需要在manifes ...