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

一、总结

1、RegExp对象有三个方法：compile（编译正则表达式），test（检索字符串中指定的值），exec（检索字符串中指定的值）（和string对象的match有点类似）。

2、子表达式：分组的表达式，也就是小括号括起来的表达式，var reg1=/([a-z]+)\d/ 其中([a-z]+)就是字表达式

二、js进阶正则表达式13RegExp对象方法

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>

 <hr>

   <script type="text/javascript">

     //exec与match的区别

     //1.exec是正则表达式的方法，而不是字符串的方法，它的参数才是字符串

     //2.当正则表达式无子表达式，并且定义为非全局匹配时，exec和match执行的结果是一样，均返回第一个匹配的字符串内容；

     //3.当正则表达式无子表达式，并且定义为全局匹配时，exec和match执行，做存在多处匹配内容，则match返回的是多个元素数组

     //4.当正则表达式有子表达式时，并且定义为全局匹配，exec和match执行的结果不一样，此时match将忽略子表达式，只查找全匹配正则表达式并返回所有内容

     //5.当正则表达式有子表达示时，并且定义为非全局匹配，exec和match执行的结果是一样；

     //exec与全局是否定义无关系，而match则于全局相关联，当定义为非全局，两者执行结果相同

 /*

     var str="00css3 HTML5"

     var reg=/\w+/g

     var reg1=/([a-z]+)\d/  //1、子表达式

     document.write('<ol>')

       document.write('<li>'+'原字符串：'+str

         +'<li>'+str.match(reg)

         +'<li>'+reg.exec(str)  //2、regexp对象的exec方法

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

         +'<li>'+reg1.exec(str)

          +'<li>'+reg1.exec(str).index+'<br/>'+reg1.exec(str).input

       )

     document.write('</ol>')

     */

     var str='HTML5 HTML5 HTML5 HTML5'

     var reg=/html5/gi

     // reg.test(str)

     // reg.test(str)

     //reg.lastIndex=5

     reg.exec(str)

     //reg.exec(str)

     alert(reg.lastIndex)

   </script>

 </body>

 </html>

巴特西

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

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

一、总结

二、js进阶正则表达式13RegExp对象方法

三、代码

最新文章

热门文章