正則表達式

一 為什么要用正則表達式?

以提取字符串中的數(shù)字為例.

如果用傳統(tǒng)字符串操作,代碼如下

// 傳統(tǒng)字符串操作
    var str = '12,87 76 -ddf e dd 89 ff76 9';

    var arr = [];
    var tmp = '';
    var i = 0;

    for (i = 0;i<str.length;i++) {
        if (str.charAt(i)>='0' && str.charAt(i)<='9') {
            tmp += str.charAt(i);
        } else {
            if (tmp) {
                arr.push(tmp);
                tmp='';
            }
        }
    }

    if (tmp) {
            arr.push(tmp);
            tmp='';
    }

    alert(arr) // 12,87,76,89,76,9

而使用正則表達式,只需要下面這幾句代碼

// 正則表達式
var str = '12,87 76 -ddf e dd 89 ff76 9';
var re = /\d+/g;
alert(str.match(re)); // 12,87,76,89,76,9

二 正則表達式能做什么?
操作字符串.(也是它唯一能做的.)

三 正則表達式與字符串操作配合使用

var str = 'abcdef';
    var re = /a/; // 檢測字符串里是否包含a
    var re = /a/i; // 檢測字符串里是否包含a,并且忽略大小寫,i代表ignore
    alert(re.test(str)); // true

    // 正則與search配合
    var  str = 'asdf 443 vczxv 55';
    var re = /\d/;  //  \d 在正則里就表示數(shù)字
    alert(str.search(re)); // 5 因為第一個數(shù)字出現(xiàn)在5這個位置

    // 正則與match配合
    var str = 'sdf e443 fedef 55 66gg dff 99';
    var re = /\d/;

    alert(str.match(re)); // 4 即只返回了第一個數(shù)字

    re = /\d/g; // g代表global,即找到全部的數(shù)字
    alert(str.match(re)); // 4,4,3,5,5,6,6,9,9 即返回了所有數(shù)字

    re = /\d\d/g; 
    alert(str.match(re)); // 44,55,66,99 因為有兩個/d,所以計算機會兩個兩個的分割

    re = /\d+/g;  // \d+ 代表多個數(shù)字,任意長度
    alert(str.match(re)); // 443,55,66,99 

        // 正則與replace配合
    var str = 'abacdAef';
    alert(str.replace('a', 'T')); // Tbacdef 即只會替換掉第一個a
    alert(str.replace(/a/g, 'T')); // TbTcdAef 即替換了所有a
    alert(str.replace(/a/gi, 'T')); // TbTcdTef 即替換了所有a,且忽略大小寫,注意:gi和ig都行,順序無所謂

四 正則表達式常見應(yīng)用---敏感詞過濾

window.onload = function () {
        var txt1 = document.getElementById('txt1');
        var txt2 = document.getElementById('txt2');
        var btn = document.getElementById('btn1');

        btn.onclick = function() {
            var re = /我們|你們|他們/g;

            txt2.value = txt1.value.replace(re, '**');
        }
    }

效果如下,一點擊過濾按鈕,敏感詞就被替換成**了.

敏感詞過濾示例.png
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末吴趴,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子拴泌,更是在濱河造成了極大的恐慌,老刑警劉巖蚪腐,帶你破解...
    沈念sama閱讀 219,366評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件回季,死亡現(xiàn)場離奇詭異,居然都是意外死亡泡一,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,521評論 3 395
  • 文/潘曉璐 我一進店門涵但,熙熙樓的掌柜王于貴愁眉苦臉地迎上來帖蔓,“玉大人,你說我怎么就攤上這事澈侠÷癯辏” “怎么了?”我有些...
    開封第一講書人閱讀 165,689評論 0 356
  • 文/不壞的土叔 我叫張陵拳球,是天一觀的道長耳标。 經(jīng)常有香客問我,道長次坡,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,925評論 1 295
  • 正文 為了忘掉前任宋距,我火速辦了婚禮症脂,結(jié)果婚禮上淫僻,老公的妹妹穿的比我還像新娘壶唤。我一直安慰自己,他們只是感情好悯辙,可當我...
    茶點故事閱讀 67,942評論 6 392
  • 文/花漫 我一把揭開白布迎吵。 她就那樣靜靜地躺著,像睡著了一般拢蛋。 火紅的嫁衣襯著肌膚如雪蔫巩。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,727評論 1 305
  • 那天础锐,我揣著相機與錄音荧缘,去河邊找鬼拦宣。 笑死,一個胖子當著我的面吹牛鸵隧,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播珊蟀,決...
    沈念sama閱讀 40,447評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼外驱,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了磅崭?” 一聲冷哼從身側(cè)響起瓦哎,我...
    開封第一講書人閱讀 39,349評論 0 276
  • 序言:老撾萬榮一對情侶失蹤柔逼,失蹤者是張志新(化名)和其女友劉穎割岛,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體维咸,經(jīng)...
    沈念sama閱讀 45,820評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡扑媚,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,990評論 3 337
  • 正文 我和宋清朗相戀三年疆股,在試婚紗的時候發(fā)現(xiàn)自己被綠了费坊。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片旬痹。...
    茶點故事閱讀 40,127評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡两残,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出人弓,到底是詐尸還是另有隱情,我是刑警寧澤意蛀,帶...
    沈念sama閱讀 35,812評論 5 346
  • 正文 年R本政府宣布健芭,位于F島的核電站,受9級特大地震影響慈迈,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜谴麦,卻給世界環(huán)境...
    茶點故事閱讀 41,471評論 3 331
  • 文/蒙蒙 一狭瞎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧弧轧,春花似錦、人聲如沸精绎。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,017評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽搁吓。三九已至,卻和暖如春堕仔,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背通贞。 一陣腳步聲響...
    開封第一講書人閱讀 33,142評論 1 272
  • 我被黑心中介騙來泰國打工恼五, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人灾馒。 一個月前我還...
    沈念sama閱讀 48,388評論 3 373
  • 正文 我出身青樓睬罗,卻偏偏與公主長得像,于是被迫代替她去往敵國和親傅物。 傳聞我的和親對象是個殘疾皇子琉预,可洞房花燭夜當晚...
    茶點故事閱讀 45,066評論 2 355

推薦閱讀更多精彩內(nèi)容

  • 推薦幾個正則表達式編輯器 Debuggex :https://www.debuggex.com/ PyRegex:...
    木易林1閱讀 11,494評論 9 151
  • 幾個正則表達式編輯器 Debuggex :https://www.debuggex.com/ PyRegex:ht...
  • 初衷:看了很多視頻卒暂、文章娄帖,最后卻通通忘記了,別人的知識依舊是別人的近速,自己卻什么都沒獲得堪旧。此系列文章旨在加深自己的印...
    DCbryant閱讀 4,014評論 0 20
  • 本文譯自 制作正則引擎的作者 Jan Goyvaerts 為工具 RegexBuddy 寫的教程版權(quán)歸原作者所有注...
    極客圈閱讀 3,290評論 0 25
  • 一淳梦、字符串在C#中昔字,字符串是一系列不可修改的Unicode字符,創(chuàng)建字符串后作郭,就不能修改它。要創(chuàng)建字符串夹攒,最常用的...
    CarlDonitz閱讀 1,283評論 0 2