JavaScript基础&实战 JS中正则表达式的使用

1、正则表达式

在这里插入图片描述

1.1 代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>正则表达式</title>
    <style type="text/css"> </style>

    <script type="text/javascript">

    /*
              正则表达式用于一些字符串的规则
                 计算机可以根据正则表达式,来检查一个字符串是否符合规则
                 获取将字符串中符合规则的内容提取出来

            //创建正则表达式的对象


                语法:
                   var 变量 = new RegExp("正则表达式","匹配模式");
                   使用typeof检查正则对象,返回object    
                   
                   匹配模式:
                          i 执行对大小写不敏感的匹配。
                          g 执行全局匹配(查找所有匹配而非在找到第一个匹配后停止)。
                          m 执行多行匹配。


                
                   正则表达式的方法:
                        test()
                             使用这个方法可以用来检查一个字符串是否符合正则表达式的规则,
                                 如果符合则返回true,否则返回false


    */

              var reg = new RegExp("a","i");
              console.log(reg.test("A"))

              /*
                      使用字面量创建正则表达式
                                         语法: var 变量 =/正则表达式/匹配模式

                                         []里边的内容也是或的意思

                                         [abc] 查找方括号之间的任何字符。
                                         [^abc] 查找任何不在方括号之间的字符。
                                         [0-9] 查找任何从 0 至 9 的数字。
                                         [a-z] 查找任何从小写 a 到小写 z 的字符。
                                         [A-Z] 查找任何从大写 A 到大写 Z 的字符。
                                         [A-z] 查找任何从大写 A 到小写 z 的字符。

              */

              var reg =/a/i;
              console.log(reg.test("a"));

            //   使用| 表示或的意思
              reg =/a|b|c/;
              console.log(reg.test("adggg"));


              reg = /[afcd]/;
              console.log(reg.test("aerwf"));

              reg = /[a-z]/g;
              console.log(reg.test("f"));

            //   检查一个字符串中是否含有abc或adc或aec

            reg = /a[bdc]c/g;
            console.log(reg.test("adc"));



    </script>
</head>

<body>



</body>

</html>

1.2 测试结果

在这里插入图片描述

2、splict | search

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

2.1 代码

<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>标题</title>
    <style type="text/css"> </style>

    <script type="text/javascript">
    /*

             split()
                     可以将一个字符串拆分为一个数组
                      - 方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式去拆分字符串

    */

            // 可以根据任意字母来将字符串拆分

            var str = "1a3d5d6g3b7x3c9";
            var result = str.split(/[A-z]/);
            console.log(result);


    /*
      search() 
              - 可以搜索字符串中是否有指定内容
              - 如果搜索到指定内容,则会返回第一次出现的索引,如果没有搜索到返回-1

    */

            var str1 = "Hello adc JS afc I am your father abc !!!!";
            var result1 = str1.search("JSw");

            var result2 = str1.search(/a[abc]c/);
            console.log(result2);
            console.log(result1);

    /*
            match()
                 - 可以根据正则表达式,从一个字符串中将符合条件的内容提取出来
                 - 默认的情况下我们的match只会找到第一个符合要求的内容,找到以后就停止检索  
                       可以设置正则表达式为全局匹配模式,这样就会匹配到所有的内容
                       可以为一个正则表达式设置多个匹配模式,且顺序无所谓

                - mathc() 会将匹配到的内容封装到一个数组中返回,即使只查到一个结果

    */

             var str1 = "Hello234 adc JS af6789c I am y555our fathe9999r abc !!!!";
             result = str1.match(/[a-z]/gi);
             console.log(result);


    /*
             replace()
                      - 可以将字符串中指定内容替换为新的内容
                      - 参数:
                            1、被替换的内容
                            2、新的内容      
                            
                            默认替换第一个

    */

          var str1 = "Hello234 adc JS af6789c I am y555our fathe9999r abc !!!!";
          result = str1.replace(/[a]/g,"@@");
          console.log(result);

          result2 = str1.replace(/[A-z]/g,"");
          console.log(result2);



    </script>
</head>

<body>



</body>

</html>

2.2 测试结果

在这里插入图片描述

posted on 2022-08-28 22:17  热爱技术的小郑  阅读(86)  评论(0编辑  收藏  举报