Hbulder安裝與正則表達式初識一

Hbulider的安裝

Hbulider主要用來編寫html文件,正則表達式寫在js頁面中,
用此工具對學習正則表達式有很大的幫助
Hbulider的下載網址爲http://www.dcloud.io/#,進入後直接點擊下載按鈕,
可以選擇安裝windows版本和mac版本
下載完成後,免費註冊使用即可

這裏寫圖片描述
這裏寫圖片描述
這裏寫圖片描述
這裏寫圖片描述
這裏寫圖片描述
這裏寫圖片描述

正則表達式簡介

1.正則表達式是一門獨立的語言,不管是js、c語言還是java,裏面的正則表達式都是一樣的,
許多程序設計語言都支持利用正則表達式進行字符串操作。
2.什麼是正則表達式?
正則表達式是一個用來描述或匹配一系列符合某個語法的字符串的語言。
3.正則表達式的用處
正則表達式通常被用來檢索、替換或拆分那些符合某個模式的文本內容,可以及時的對前端數據進行校驗。
4.如果寫文檔,或者在某平臺看視頻發一些敏感詞彙,都會被提示或者過濾掉,或者換成其它字符,都是由正則表達式來完成。
5.應用場合
數據驗證、文本替換、內容檢索、過濾內容
可以理解爲:執行字符串函數無法完成的特殊的匹配、拆分、和替換功能

小試牛刀

方式一:創建對象

創建一個正則規則,來匹配字符串,正則規則是new出來的一個對象,
對象自帶方法test方法,用這個規則用來查找這個字符串中有沒有
負責規則的內容
    <body>

        <script type="text/javascript">

            // 創建一個正則規則
            var  reg = new RegExp('lanou');
            var  str = 'www.lanou3g.com';
            // 用正則規則去匹配字符串
            var result = reg.test(str);

            document.write(result);
        </script>

    </body>

這裏寫圖片描述
這裏寫圖片描述

方式二:通過字面量

這兩種方式沒有任何區別,結果也是一致,不再截圖
<body>

    <script type="text/javascript">

        // 創建一個正則規則 不可寫成/'lanoui'/  否則引號也會一起匹配
        var  reg = /lanou/;
        var  str = 'www.lanou3g.com';
        // 用正則規則去匹配字符串
        var result = reg.test(str);

        document.write(result);
    </script>

</body>

正則表達式中的原子

原子是正則表達式中最小的元素,包括英文、標點符號等

\d  匹配任意一個數字
\D  與除了數字以外的任何一個字符匹配[^0-9]
\w  與任意一個英文字母、數字或下劃線匹配[a-z0-9A-Z]
\W  除了字母、數字或下劃線外與任何一個字符匹配[^a-z0-9A-Z]
\s  與任意一個空白字符匹配[\n\f\t\v]
\S  與除了空白符外任意一個字符匹配[^\n\f\r\t\v]


例:
var  reg = /\d\d\d/;
與任意連續三個字符匹配

var reg = /b\d\d\d/
與字符b後面緊跟着三個數字匹配

正則表達式中的元字符

.  匹配除空格(換行符)以外的任意字符或者說匹配任意字符
\.  代表匹配"."
|  主要用在非法關鍵詞的匹配上,意思是或

小試牛刀

<body>

    <script type="text/javascript">     
        var  reg = /六合彩|海洛因|嗎啡|冰毒|殺人|組織/;
        var  str = '要發大財了,快來買六合彩,種海洛因,賣嗎啡,運冰毒,殺人了';

        // 用正則規則去匹配字符串
        var result = reg.test(str);
        if(result){
            document.write("?????");
        }else{
            document.write(str);
        }
    </script>

</body>

這裏寫圖片描述
這裏寫圖片描述

小試牛刀

<body>

    <script type="text/javascript">     
        var  reg = /六合彩|海洛因|嗎啡|冰毒|殺人|組織/;
        var  str = '要發大財了,快來買六7合彩,種海p洛因,賣嗎v啡,運冰勝毒,殺    人了';
        // 用正則規則去匹配字符串
        var result = reg.test(str);
        if(result){
            document.write("?????");
        }else{
            document.write(str);
        }
    </script>   
</body>

這裏寫圖片描述
這裏寫圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章