美文网首页
正则表达式的使用

正则表达式的使用

作者: 落幕12 | 来源:发表于2021-05-10 17:37 被阅读0次

    匹配符合匹配符合正则表达式条件的数据

    1.使用test方法判断是否存在

    成功返回true,失败返回false

    <script type="text/javascript">
        //创建字符串
        var str = '乘风破浪会有时 直挂云帆济沧海';
        //var obj = new RegExp('乘风破浪');   //构造函数方法
        var obj = /乘风破浪/;
        var ret =   obj.test(str);
        document.write(ret);
        </script>
    </body>
    </html>
    

    2.使用exec方法

    成功返回数组,失败返回null.

    <script type="text/javascript">
        //创建字符串
        var str = 'js离离原上js草,一岁一枯荣。野火烧不尽,春风吹又生js。远芳侵古道,js晴翠接荒城。又送王孙去,萋萋满别情.';
        //创建正则表达式对象
        //var obj = new RegExp('js','g');
         var obj = /js/;
     
        //调用exec方法匹配数据(拓展,看一下效果)
         document.write(obj.exec(str));
            var row;
            while(row = obj.exec(str)) {
            document.write(row);
        }
    

    ps:exec方法只会匹配一次,如果想输出所有匹配的值的话可以使用以下方法

    <script type="text/javascript">
       //创建字符串
       var str = 'js离离原上js草,一岁一枯荣。野火烧不尽,春风吹又生js。远芳侵古道,js晴翠接荒城。又送王孙去,萋萋满别情.';
       //创建正则表达式对象
       //var obj = new RegExp('js','g');
        var obj = /js/g;    //特别注意,在此处需要增加修饰符g表示全局匹配,否则出现死循环
    
       //调用exec方法匹配数据(拓展,看一下效果)
        document.write(obj.exec(str));
           var row;
           while(row = obj.exec(str)) {
           document.write(row);
       }
    

    官方说明:
    exec() 方法的功能非常强大,它是一个通用的方法,而且使用起来也比 test() 方法以及支持正则表达式的 String 对象的方法更为复杂。
    如果 exec() 找到了匹配的文本,则返回一个结果数组。否则,返回 null。此数组的第 0 个元素是与正则表达式相匹配的文本,第 1 个元素是与 RegExpObject 的第 1 个子表达式相匹配的文本(如果有的话),第 2 个元素是与 RegExpObject 的第 2 个子表达式相匹配的文本(如果有的话),以此类推。除了数组元素和 length 属性之外,exec() 方法还返回两个属性。index 属性声明的是匹配文本的第一个字符的位置。input 属性则存放的是被检索的字符串 string。我们可以看得出,在调用非全局的 RegExp 对象的 exec() 方法时,返回的数组与调用方法 String.match() 返回的数组是相同的。
    但是,当 RegExpObject 是一个全局正则表达式时,exec() 的行为就稍微复杂一些。它会在 RegExpObject 的 lastIndex 属性指定的字符处开始检索字符串 string。当 exec() 找到了与表达式相匹配的文本时,在匹配后,它将把 RegExpObject 的 lastIndex 属性设置为匹配文本的最后一个字符的下一个位置。这就是说,您可以通过反复调用 exec() 方法来遍历字符串中的所有匹配文本。当 exec() 再也找不到匹配的文本时,它将返回 null,并把 lastIndex 属性重置为 0。

    相关文章

      网友评论

          本文标题:正则表达式的使用

          本文链接:https://www.haomeiwen.com/subject/eybidltx.html