首页 > 代码库 > JavaScript RegExp对象

JavaScript RegExp对象

2024-07-03 13:35:42   229人阅读

一、什么是RegExp

        1、RegExp 是正则表达式的缩写。

     2、当您检索某个文本时，可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。

     3、简单的模式可以是一个单独的字符。

        更复杂的模式包括了更多的字符，并可用于解析、格式检查、替换等等。

        您可以规定字符串中的检索位置，以及要检索的字符类型，等等。

二、RegExp对象

         1、说明

                RegExp 对象表示正则表达式，它是对字符串执行模式匹配的强大工具。用于规定在文本中检索的内容。用于存储检索模式。例如：
var test = new RegExp("e")
         此行代码定义名为test的RegExp对象，其模式是"e"，当您使用该 RegExp 对象在一个字符串中检索时，将寻找的是字符 "e"。

         2、语法

               a、直接量语法

                     /pattern/attributes

               b、创建RegExp对象语法

                     new RegExp(pattern,attributes);

         3、参数   

       参数 pattern 是一个字符串，指定了正则表达式的模式或其他正则表达式。

       参数 attributes 是一个可选的字符串，包含属性 "g"、"i" 和 "m"，分别用于指定全局匹配、区分大小写的匹配和多行匹配。


         4、返回值        

       一个新的 RegExp 对象，具有指定的模式和标志。如果参数 pattern 是正则表达式而不是字符串，那么 RegExp() 构造函数将用与指定的 RegExp 相同的模式和标志创建一个新的 RegExp 对象。

       如果不用 new 运算符，而将 RegExp() 作为函数调用，那么它的行为与用 new 运算符调用时一样，只是当 pattern 是正则表达式时，它只返回 pattern，而不再创建一个新的 RegExp 对象。


         5、修饰符

修饰符描述
i执行对大小写不敏感的匹配。
g执行全局匹配（查找所有匹配而非在找到第一个匹配后停止）。
m执行多行匹配。

         6、方括号

        方括号用于查找某个范围内的字符：

表达式描述
[abc]查找方括号之间的任何字符。
[^abc]查找任何不在方括号之间的字符。
[0-9]查找任何从 0 至 9 的数字。
[a-z]查找任何从小写 a 到小写 z 的字符。
[A-Z]查找任何从大写 A 到大写 Z 的字符。
[A-z]查找任何从大写 A 到小写 z 的字符。
[adgk]查找给定集合内的任何字符。
[^adgk]查找给定集合外的任何字符。
(red|blue|green)查找任何指定的选项。

         7、元字符

       元字符（Metacharacter）是拥有特殊含义的字符：

元字符描述
.查找单个字符，除了换行和行结束符。
\w查找单词字符。
\W查找非单词字符。
\d查找数字。
\D查找非数字字符。
\s查找空白字符。
\S查找非空白字符。
\b匹配单词边界。
\B匹配非单词边界。
\0查找 NUL 字符。
\n查找换行符。
\f查找换页符。
\r查找回车符。
\t查找制表符。
\v查找垂直制表符。
\xxx查找以八进制数 xxx 规定的字符。
\xdd查找以十六进制数 dd 规定的字符。
\uxxxx查找以十六进制数 xxxx 规定的 Unicode 字符。

         8、量词

量词描述
n+匹配任何包含至少一个 n 的字符串。
n*匹配任何包含零个或多个 n 的字符串。
n?匹配任何包含零个或一个 n 的字符串。
n{X}匹配包含 X 个 n 的序列的字符串。
n{X,Y}匹配包含 X 或 Y 个 n 的序列的字符串。
n{X,}匹配包含至少 X 个 n 的序列的字符串。
n$匹配任何结尾为 n 的字符串。
^n匹配任何开头为 n 的字符串。
?=n匹配任何其后紧接指定字符串 n 的字符串。
?!n匹配任何其后没有紧接指定字符串 n 的字符串。

三、RegExp对象属性

       1、global属性

                用法：global 属性用于返回正则表达式是否具有标志 "g"。如果 g 标志被设置，则该属性为 true，否则为 false。
                语法：RegExpObject.global

       2、ignoreCase属性

                用法：ignoreCase 属性规定是否设置 "i" 标志。如果设置了 "i" 标志，则返回 true，否则返回 false。
                语法：RegExpObject.ignoreCase

       3、lastIndex属性

                用法：lastIndex 属性用于规定下次匹配的起始位置。
                语法：RegExpObject.lastIndex
                说明：1、该属性存放一个整数，它声明的是上一次匹配文本之后的第一个字符的位置。

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

              3、该属性是可读可写的。只要目标字符串的下一次搜索开始，就可以对它进行设置。当方法 exec() 或 test() 再也找不到可以匹配的文本时，它们会自动把 lastIndex 属性重置为 0。

       4、multiline属性

                 用法：1、multiline 属性用于返回正则表达式是否具有标志 m。

               2、在这种模式中，如果要检索的字符串中含有换行符，^ 和 $ 锚除了匹配字符串的开头和结尾外还匹配每行的开头和结尾。

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

                 语法：RegExpObject.multiline

       5、source属性

       用法：source 属性用于返回模式匹配所用的文本。该文本不包括正则表达式直接量使用的定界符，也不包括标志 g、i、m。
        语法：RegExpObject.source

四、RegExp对象方法

       1、compile()
            用法：用于在脚本执行过程中编译正则表达式。也可用于改变和重新编译正则表达式。
        语法：RegExpObject.compile(regexp,modifier)
        参数：regexp表示正则表达式；modifier规定匹配的类型，分别为g、i、m
        实例：在字符串中全局搜索 "no"，并用 "bu" 替换。然后通过 compile() 方法，改变正则表达式，用 "bu" 替换 "no" 或 "not"
<html>
   <head></head>
   <body>
      <script type="text/javascript">
         var test="no zuo not to die"
         part=/no/g
         document.write(test.replace(part,"bu")+"<br/>")   //返回值:bu zuo but to die
         part.compile(/no(t)?/g)
         document.write(test.replace(part,"bu")+"<br/>")   //返回值:bu zuo bu to die
      </script>
   </body>
</html>

       2、exec()

            用法：用于检索字符串中的正则表达式的匹配。
        语法：RegExpObject.exec(string)
        参数：string表示要检索的字符串
        返回值：返回一个数组，其中存放匹配的结果。如果未找到匹配，则返回值为 null。
        实例：全局检索字符串中的 no：
<html>
   <head></head>
   <body>
      <script type="text/javascript">
         var test="no zuo not to die"
         var part = new RegExp("no","g")
         var result
         while((result = part.exec(test)) != null)
         {
             document.write(result);          
             document.write("<br/>");
             document.write(part.lastIndex);
             document.write("<br/>");
         }
      </script>
   </body>
</html>
返回值：no
        2
        no
        9

       3、test()

             用法：用于检测一个字符串是否匹配某个模式.
        语法：RegExpObject.test(string)
        参数：string表示要检索的字符串
        返回值：如果字符串 string 中含有与 RegExpObject 匹配的文本，则返回 true，否则返回 false。
        实例：检索是否存在“no”
<html>
   <head></head>
   <body>
      <script type="text/javascript">
         var test="no zuo not to die"
         var part = new RegExp("no","g")
         var result = part.test(test)
         document.write(result)       //返回值:true
      </script>
   </body>
</html>

五、实例

       1、只能输入5-20个以字母开头、可带数字、“_”、“.”的字符
<html>
   <head>
      <script>
          function Excgent(r,g){
             if(r==""||g=="")
                return false
             else
             {
                 var part=new RegExp(r);
                 if(part.exec(g))
                    return true;
                 return false
                 
             }
          }
      </script>
   </head>
   <body>
      <h4>只能输入5-20个以字母开头、可带数字、“_”、“.”的字串<h4>

      <input type="text" id="a2" style="width:300px;"></input>
      <br/>
      <button onclick="alert(Excgent(‘^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$‘,a2.value))">点击</button>
      <br/>
   </body>
</html>
       2、只能输入1-20位的数字

<html>
   <head>
      <script>
          function Excgent(r,g){
             if(r==""||g=="")
                return false
             else
             {
                 var part=new RegExp(r);
                 if(part.exec(g))
                    return true;
                 return false
                 
             }
          }
      </script>
   </head>
   <body>
      <h4>只能输入数字<h4>

      <input type="text" id="a2" style="width:300px;"></input>
      <br/>
      <button onclick="alert(Excgent(‘^[0-9]{1,20}$‘,a2.value))">点击</button>
      <br/>
   </body>
</html>

       3、只能以13、159开头的手机号码
<html>
   <head>
      <script>
          function Excgent(r,g){
             if(r==""||g=="")
                return false
             else
             {
                 var part=new RegExp(r);
                 if(part.exec(g))
                    return true;
                 return false
                 
             }
          }
      </script>
   </head>
   <body>
      <h4>只能13、159开头的手机号码<h4>

      <input type="text" id="a2" style="width:300px;"></input>
      <br/>
      <button onclick="alert(Excgent(‘^13[0-9]{1}[0-9]{8}|^15[9]{1}[0-9]{8}‘,a2.value))">点击</button>
      <br/>
   </body>
</html>
   


联系
我们