JavaScript 6—正则

基本操作

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        /*
            正则表达式
                admin@atguigu. com
                admin@.com adminatguigu.com
                邮件的规则:
                    1.前边可以是xxxx乱七八糟
                    2.跟着-一个@
                    3.后边可以是Xxxx乱七八糟
                    4. .com获取其他的乱七八糟
            正则表达式用于定义-些字符串的规则，
                计算机可以根据正则表达式，来检查一个字符串是否符合规则，
                获取将字符串中符合规则的内容提取出来
        */

        //创建正则表达式的对象
        /*
            语法:
                var变量 = new RegExp( "正则表达式" ,“匹配模式" );
                使用typeof检查正则对象，会返回object
                var reg = new RegExp("a"); 这个正则表达式可以来检测是否含有a
            在构造函数中可以传递一个匹配模式作为第二个参数，
                可以是
                i 忽略大小写
                g 全局匹配模式
        */
        var reg = new RegExp("a");
        var str = "a";

        /*
            正则表达式的方法:
                test()
                    使用这个方法可以用来检查-个字符串是否符合正则表达式的规则，
                    如果符合则返回true,否则返回false
        */
        var result = reg.test(str);
        // console.log(result);
        console.log(reg.test("bcbc"));//没有a为false
    </script>
</head>

<body>
</body>

</html>

正则语法

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        /*
            使用字面量来创建正则表达式
                语法: var变量= /正则表达式/匹配模式
            使用字面量的方式创建更加简单
                使用构造函数创建更加灵活
        */
        //var reg = new RegExp("a","i");
        reg = /a/i;
        console.log(typeof reg);
        console.log(reg.test("abc"));

        //创建一个正则表达式，检查-个字符串中是否有a或b
        /*
            使用|表示 或者 的意思
        */
        reg = /a|b/;
        console.log(reg.test("bacd"));

        /*
            创建一个正则表达式检查一 个字符串中是否有字母
        */
        //reg = /a|b|c|d|e|f|g/;
        /*
            []里的内容也是或的关系
            [ab] == a|b
            [a-z] 任意小写字母
            [A-Z]任意大写字母
            [A-z]任意字母
            [0-9]任意数字
        */
        reg = /[a-z]/;
        console.log(reg.test("A"));

        //检查-个字符串中是否含有abc或adc或aec
        reg = /a[bde]c/;
        console.log(reg.test("abc"));

        /*
            [^]除了
        */
        reg = /[^ab]/;
        console.log(reg.test("abc"));//有除了ab之外的就ok

    </script>
</head>

<body>
</body>

</html>

字符串和正则的相关方法

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">

        var str = "1a2b3c4d5e6f";
        /*
            split()
                可以将一个字符串拆分为一个数组
                方法中可以传递一个正则表达式作为参数，这样方法将会根据正则表达式去拆分字符串
                这个方法即使不指定全局匹配，也会全都插分
        */
        // 根据任意字母来将字符串拆分

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

        /*
            search()
                可以搜索字符串中是否含有指定内容
                如果搜索到指定内容，则会返回第一次出现的索引， 如果没有搜索到返回-1
            它可以接受一个正则表达式作为参数，然后会根据正则表达式去检索字符串
            serach()只会查找弟一个，即使设直全局匹配也没用
        */
        str = "hello abs hello aec afc";
        //搜索字符串中是否含有abc或aec或afc
        result = str.search(/a[bef]c/);
        console.log(result);

        /*
            match()
                -可以根据正则表达式，从一个字符串中将符合条件的内容提取出来
                默认情况下我们的match只会找到第一个符合要求的内容，找到以后就停止检索
                    我们可以设置正则表达式为全局匹配模式，这样就会匹配到所有的内容
                可以为一个正则表达式设置多个匹配模式，且 顺序无所谓
                match()会将匹配到的内容封装到一个数组中返回，即使只查询到一个结果
        */
        str = "1a2b3c4d5e6f7";
        result = str.match(/[|A-z]/gi);
        console.log(result);
        console.log(Array.isArray(result));
        console.log(result[0]);

        /*
            replace() 
                可以将字符串中指定内容替换为新的内容
                参数:
                    1.被替换的内容，可以接受一个正则表达式作为参数
                    2.新的内容
                默认只会替换第一个
        */
        result = str.replace(/[A-z]/gi, "");//删除字母
        console.log(result);

    </script>
</head>

<body>
</body>

</html>

正则表达式语法

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        /*
            创建一个正则表达式检查一个字符串中是否含有aaa
        
            量词
                通过量词可以设置一个内容出现的次数
                量词只对它前边的一个内容起作用
                {n}正好出现n次
                {m,n}出现m-n次
                {m,} m次以上
                + 至少一个，相当于{1,}
                * 0个或多个，相当于{0,}
                ? 0个或1个，相当于{0,1}
        */
        var reg = /a{3}/;
        //ababab
        reg = /ab{3}/;
        console.log(reg.test("abbb"));
        reg = /ab{3}c/;
        console.log(reg.test("aabbbc"));
        reg = /ab+c/;
        console.log(reg.test("aabbc"));
        reg = /ab*c/;
        console.log(reg.test("aac"));

        /*
            检查一个字符串中是否以a开头
             ^表示开头
             $表示结尾
        */
        reg = /^a/; //匹配开头的a
        reg = /a$/; //匹配结尾的a
        console.log(reg.test("abcabca"));

        //如果在正则表达式中同时使用^ $则要求字符串必须完全符合正则表达式
        reg = /^a|a$/;
        console.log(reg.test("bbca"));

        /*
            创建一个正则表达式，用来检查一个字符串是否是一个合法手机号
            手机号的规则:
                1 3 567890123 (11位)

            1.以1开头
            2.第二位3-9任意数字
            3.三位以后任意数字9个

            ^1 [3-9] [0-9]{9}$
        */
        var phoneStr = "13067890123";
        var phoneReg = /^1[3-9][0-9]{9}$/;
        console.log(phoneReg.test(phoneStr));

        /*
            检查一个字符串中是否含有.
               . 表示任意字符
            在正则表达式中使用\作为转义字符
                \.来表示.
                \\表示\

            注意:使用构造函数时，由于它的参数是一个字符串， 而\是字符串中转义字符，
             如果要使用\则需要使用\\来代替

        */
        var reg = /\./;
        console.log(reg.test("b"));
        reg = /\\/;
        console.log(reg.test("b.\\"));
        console.log("b.\\");

        reg = new RegExp("\\.");
        console.log(reg.test("!@#!@#!"));

        /*
            \w 任意字母、数字、下划线_
            \W 除了字母、数字、下划线_
            \d 任意数字
            \D 除了数字
            \s 空格
            \S 除了空格
            \b 单词边界
            \B 除了单词边界
        */

        //创建一个正则表达式检查一个字符串中是否含有单词child
        reg = /child/;
        console.log(reg.test("hello children"));//true
        reg = /\bchild\b/;
        console.log(reg.test("hello children"));//false

        //接收一个用户的输入
        //var str = prompt("请输入你的用户名:" );
        var str = "         hel    lo        ";
        //去除掉字符串中的空格
        //去除空格就是使用" "来替换空格
        console.log(str);
        //str = str.replace(/\s/g, "");

        // //去除开头的空格
        // str = str.replace(/^\s*/g, "");
        // //去除结尾的空格
        // str = str.replace(/\s*$/g, "");
        ///^\s*|\s*$/g 匹配开头或者结尾的空格
        str = str.replace(/^\s*|\s*$/g, "");
        console.log(str);

    </script>
</head>

<body>
</body>

</html>

邮件的正则

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript">
        /*
            电子邮件
                    hello  .nihao  @  abc   .com .cn
            
            任意字母数字下划线 .任意字母数字下划线 @ 任意字母数字 .任意字母 (2-5位) .任意字母 (2-5位)
            \w{3,}            (\.\w+)*          @  [A-z0-9]       (\.[A-z]{2,5}){1,2}      
        */
        var emailReg = /^\w{3,}(\.\w+)*@[A-z0-9]+(\.[A-z]{2,5}){1,2}$/;
        var email = "abc.hello@abc.com";
        console.log(emailReg.test(email));
    </script>
</head>

<body>
</body>

</html>

posted @ 2020-07-28 09:52 我等着你阅读(96) 评论(0) 收藏举报

刷新页面返回顶部

老顽固小可爱

JavaScript 6—正则

基本操作

正则语法

字符串和正则的相关方法

正则表达式语法

邮件的正则

公告