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

时间：2022-09-03 03:23:19

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>

相关文章