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

版权声明:ByRisonBoy https://blog.csdn.net/Rison_Li/article/details/82958926

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语法来理解。

猜你喜欢

转载自blog.csdn.net/Rison_Li/article/details/82958926
今日推荐