JavaScript 正则表达式使用实例集合

最新推荐文章于 2022-12-06 18:06:50 发布

ByRisonBoy

最新推荐文章于 2022-12-06 18:06:50 发布

阅读量223

点赞数 1

分类专栏： JavaScript基础学习

本文链接：https://blog.csdn.net/Rison_Li/article/details/82958926

版权

JavaScript基础学习专栏收录该内容

12 篇文章 0 订阅

订阅专栏

1、字符 ^ 的使用

代码片段

<html>
    <head>
        <title>字符^的使用</title>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    </head>
    <body>
        <script type="text/javascript">
             var reg = /^alibaba/;
             var str = "alibaba from china";
             var result = reg.test(str); //匹配成功返回true,否则false
             document.write(result);
             if(result){
                 document.write("<br>匹配成功!");
             }else{
                 alert("未找到！");
             }
        </script>
    </body>
</html>

结果显示：

如果修改 var str = "my alibaba from china";

结果显示：

2、字符 $ 的使用

代码片段：

<html>
    <head>
        <title>字符&的使用</title>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
    </head>
    <body>
        <script type="text/javascript">
             var reg = /china$/;
             var str = "my alibaba from china";
             var result = reg.test(str); //匹配成功返回true,否则false
             document.write(result);
             if(result){
                 document.write("<br>匹配成功!");
             }else{
                 alert("未找到！");
             }
        </script>
    </body>
</html>

结果显示：

如果修改 var str = "my alibaba from china！";

结果显示：

3、字符 + 的使用

限定必须出现一次或多次

代码片段

<script type="text/javascript">
             var reg = /egg+/;
             var str = "egggg";
             var result = reg.test(str); //匹配成功返回true,否则false
             document.write(result);
             if(result){
                 document.write("<br>匹配成功!");
             }else{
                 alert("未找到！");
             }
        </script>

显示结果：匹配成功！

如果修改 var str = "eg";

显示结果：未找到！

4、字符 * 的使用

限定必须出现0次或多次

代码片段

<script type="text/javascript">
             var reg = /eg*/;
             var str = "e";
             var result = reg.test(str); //匹配成功返回true,否则false
             document.write(result);
             if(result){
                 document.write("<br>匹配成功!");
             }else{
                 alert("未找到！");
             }
        </script>

显示结果：匹配成功！

5、字符？的使用

限定必须出现0次或1次

代码片段：

<script type="text/javascript">
             var reg = /^egg?$/;
             var str = "egg";
             var result = reg.test(str); //匹配成功返回true,否则false
             document.write(result);
             if(result){
                 document.write("<br>匹配成功!");
             }else{
                 alert("未找到！");
             }
        </script>

显示结果：匹配成功！

如果修改 var str = "eggg";

显示结果：未找到！

注：^……$ 为开始和结束标志如果不加上可以匹配到 egggg

6、字符 [A-Z][a-z]xy的使用

限定必须出现0次或1次

代码片段：

<script type="text/javascript">
             var reg = /[A-Z][a-z]xy/;
             var str = "Aaxy";
             var result = reg.test(str); //匹配成功返回true,否则false
             document.write(result);
             if(result){
                 document.write("<br>匹配成功!");
             }else{
                 alert("未找到！");
             }
        </script>

显示结果：匹配成功！

7、字符 .的使用

代码片段：

      <script type="text/javascript">
             var reg = /a...z/;
             var str = "abbbz";
             var result = reg.test(str); //匹配成功返回true,否则false
             document.write(result);
             if(result){
                 document.write("<br>匹配成功!");
             }else{
                 alert("未找到！");
             }
        </script>

显示结果：匹配成功！

可以参照我前面博文给出的JavaScript语法来理解。