JavaScript的第12天

最新推荐文章于 2024-08-22 14:32:34 发布

竹叶依旧

最新推荐文章于 2024-08-22 14:32:34 发布

阅读量537

点赞数

分类专栏： JavaScript基础文章标签： javascript 正则表达式前端

本文链接：https://blog.csdn.net/qq_46426476/article/details/122311514

版权

JavaScript基础专栏收录该内容

16 篇文章 0 订阅

订阅专栏

本文详细介绍了JavaScript中正则表达式的创建与使用，包括字面量和构造函数方式创建，以及如何进行匹配、或操作、范围选择等。同时，文章通过实例展示了split(), search(), match()和replace()等字符串方法，讲解了它们在正则匹配中的应用，帮助读者深入理解JavaScript中的正则操作和字符串处理技巧。

摘要由CSDN通过智能技术生成

正则语法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /* 
            使用字面量来创建正则表达式
                语法:var 变量 = /正则表达式/匹配模式

                使用构造函数的方式创建更加灵活
                使用字面量的方式创建更加简单
         */

        // 使用字面量创建正则表达式
        var a=/a/i;
        console.log(a.test("abc")); //true
        console.log(a.test("bc")); //false

        /* 
            使用 | 表示或者的意思
        */
    //    创建一个包含ab的正则表达式
       var b=/ab/i;
       console.log(b.test("a")); //falses
       console.log(b.test("ab")); //true
    //    创建一个包含a或者b的正则表达式
        var c=/a|b/i;
        console.log(c.test("a")); //true
        console.log(c.test("b")); //true


        /* 
            []里的内容也是或的关系
            [ab] == a|b
            [A-z] 任意的字母
        */

       // [ab] 包含a或b
        var d=/[ab]/i;
        console.log(d.test("a")); //true
        console.log(d.test("b")); //true
       // [a-z] 包含任意的小写字母
       var e=/[a-z]/i;
       console.log(e.test("y")); //true
       // [A-z] 包含任意的字母
       var f=/[A-z]/i;
       console.log(f.test("B")); //true   
       console.log(f.test("d")); //true
       // [0-9] 包含任意的数字
       var g=/[0-9]/i;
       console.log(g.test("12234")); //true

       /*
            [^... ] 除了只有...的,都为true
       */
       var g=/[^ab]/i;
       console.log(g.test("ab")); //false
       console.log(g.test("aabc")); //true
    </script>
</head>
<body> 
</body>
</html>

字符串和正则相关的方法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        var str="1a2b3c4d5e6f7"
        /* 
            split()
            ---可以将一个字符串拆分为一个数组
            ---方法中可以传递一个正则表达式作为参数,这样方法将会根据正则表达式取拆分字符串
            ---这个方法即使不指定全局匹配，也会全都拆分
        */
    //    根据c进行拆分字符串
        var result = str.split("c");
        console.log(result); 
        // 根据正则表达式拆分字符串(根据任意字母进行拆分)
        result=str.split(/[A-z]/i);
        console.log(result); //['1', '2', '3', '4', '5', '6', '7']


        /* 
            search()
            ----可以搜索字符串中是否包含指定内容
            ---搜索到第一次出现的内容为返回-1，-1为没有
            ---它可以接收一个正则表达式作为参数，然后根据正则表达式取检索字符串
            ---search只会查找一个，即使全局匹配，也只会查找一个
        */
       result=str.search("abcd");
       console.log(result); //-1
       result=str.search("a");
       console.log(result); //1
    //    根据正则表达式检索指定字符串(是否包含字母)
        result=str.search(/[A-z]/);
        console.log(result); //1


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


        /* 
            replace()
                ---可以将字符串中指定的内容替换成新的内容,并返回新的内容
                ---参数:
                        1,被替换的内容，可以接收一个正则表达式作为参数
                        2，新的内容
                ---默认只会替换第一个
        */
    //    替换a成A
        result=str.replace("a","A");
        console.log(result); //1A2b3c4d5e6f7
        // 根据正则表达式进行替换
        result=str.replace(/[A-z]/g,"1");
        console.log(result); //1121314151617


    </script>
</head>
<body>
    
</body>
</html>

竹叶依旧

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的第12天

正则语法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g
复制链接

扫一扫

专栏目录