1. 程式人生 > >JavaScript 正則表示式使用例項集合

JavaScript 正則表示式使用例項集合

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語法來理解。