克服正則的學(xué)習(xí)的恐懼癥

前端時(shí)間的自學(xué)的時(shí)候因宇,怎么沒吃透正則的用法,最近js有一定的提高乳怎,開始有時(shí)間補(bǔ)充漏洞的時(shí)候!

1.何為正則呢彩郊?

正則也叫規(guī)則,讓計(jì)算機(jī)能識(shí)別人類的規(guī)則

2.正則的操作那些呢蚪缀?---字符串的

3.正則的表達(dá)式:

var str=/正則表達(dá)式/秫逝;

var str=new RegExp("","");是字符串形式,當(dāng)正則需要傳參的時(shí)候询枚,用正則的全稱的寫法


4.正則的常用的方法


test:正則去匹配字符串违帆,如果匹配成果就返回時(shí)真true,反而時(shí)false

寫法:正則.test(字符串)金蜀;

例:

var str = 'abcdef';

var re = /b/;

alert( re.test(str) );*/---true前方;

/*\s : 空格

\S : 非空格

\d : 數(shù)字

\D : 非數(shù)字

\w : 字符? ( 字母 狈醉,數(shù)字,下劃線_ )

\W : 非字符*/

var str = '374829348791';

var re = /\D/;

if( re.test(str) ){

alert('不全是數(shù)字');

}

else{

alert('全是數(shù)字');

}

search : 正則去匹配字符串 , 如果匹配成功惠险,就返回匹配成功的位置苗傅,如果匹配失敗就返回 -1

search的寫法 : 字符串.search(正則)

正則中的默認(rèn) : 是區(qū)分大小寫的

如果不區(qū)分大小寫的話,在正則的最后加標(biāo)識(shí) i

var str = 'abcdef';

var re = /B/i;

//var re = new RegExp('B','i');

alert( str.search(re) );

match : 正則去匹配字符串班巩,如果匹配成功渣慕,就返回匹配成功的數(shù)組,如果匹配不成功抱慌,就返回null

match的寫法 : 字符串.match(正則)

正則默認(rèn):正則匹配成功就會(huì)結(jié)束逊桦,不會(huì)繼續(xù)匹配

如果想全部查找,就要加標(biāo)識(shí) g(全局匹配)

量詞 : 匹配不確定的位置

+至少出現(xiàn)一次

var str = 'haj123sdk54hask33dkhalsd879';

var re = /\d+/g;

alert( str.match(re) );


replace : 正則去匹配字符串抑进,匹配成功的字符去替換成新的字符串强经,replace : 第二個(gè)參數(shù):可以是字符串,也可以是一個(gè)回調(diào)函數(shù)

replace的寫法 : 字符串.replace(正則,新的字符串)

var str = 'aaa';

var re = /a+/g;

str = str.replace(re,'b');

alert(str);

| : 或的意思

敏感詞過濾:

window.onload = function(){

var aT = document.getElementsByTagName('textarea');

var oInput = document.getElementById('input1');

var re = /菲稱|中國船|監(jiān)視之下/g;

oInput.onclick = function(){

//aT[1].value = aT[0].value.replace(re,'*');

aT[1].value = aT[0].value.replace(re,function(str){

//函數(shù)的第一個(gè)參數(shù):就是匹配成功的字符

//alert( str );

var result = '';

for(var i=0;i


匹配子項(xiàng) : 小括號(hào) ()? (還有另外一個(gè)意思寺渗,分組操作)

把正則的整體叫做(母親)

//然后把左邊第一個(gè)小括號(hào)里面的正則匿情,叫做這個(gè)第一個(gè)子項(xiàng)(母親的第一個(gè)孩子)

//第二個(gè)小括號(hào)就是第二個(gè)孩子

例:

var str = '2013-6-7';

var re = /(\d+)(-)/g;

str = str.replace(re,function($0,$1,$2){

//第一個(gè)參數(shù):$0(母親),第二個(gè)參數(shù) : $1(第一個(gè)孩子)

//,第二個(gè)參數(shù) : $1(第二個(gè)孩子)

//alert( $2 );

//return $1 + '.';

return $0.substring(0,$0.length-1) + '.';

});

alert( str );? //2013.6.7

例2:

var str = 'abc';

var re = /(a)(b)(c)/;

alert( str.match(re) );? //[abc,a,b,c](當(dāng)match不加g的時(shí)候才可以獲取到子項(xiàng)的集合)

字符類 : 一組相似的元素? [] 中括號(hào)的整體代表一個(gè)字符

例:

var str = 'abdc';

var re = /a[bde]c/;

alert( re.test(str) );*/

排除 : ^ 如果^寫在[]里面的話,就代表排除的意思

/*var str = 'abc';

var re = /a[^bde]c/;

alert( re.test(str) );*/

var str = 'abc';

var re = /a[a-z0-9A-Z]c/;

alert( re.test(str) );


獲取class的方法


找重復(fù)項(xiàng)最多的字符和個(gè)數(shù)

var str = 'assssjdssskssalsssdkjsssdss';

var arr = str.split('');

str = arr.sort().join('');

//alert(str);

var value = '';

var index = 0;

var re = /(\w)\1+/g;

str.replace(re,function($0,$1){

//alert($0);

if(index<$0.length){

index = $0.length;

value = $1;

}

});

alert('最多的字符:'+value+',重復(fù)的次數(shù):'+index);


//量詞 : {}

/*{4,7}? : 最少出現(xiàn)4次信殊,最多出現(xiàn)7次

{4,} : 最少出現(xiàn)4次

{4} : 正好出現(xiàn)4次

+ : {1,}? //\d{1,}

? : {0,1}? : 出現(xiàn)0次或者1次

* : {0,}? : 至少出現(xiàn)0次*/

常用的正則表達(dá)式

高級(jí)表單校驗(yàn)

匹配中文:[\u4e00-\u9fa5]

行首行尾空格:^\s*|\s*$

Email:^\w+@[a-z0-9]+(\.[a-z]+){1,3}$

網(wǎng)址:[a-zA-z]+://[^\s]*

QQ號(hào):[1-9][0-9]{4,9}

郵政編碼:[1-9]\d{5}

身份證:[1-9]\d{14}|[1-9]\d{17}|[1-9]\d{16}x

把方法包在一個(gè)空間里

有人管他叫——命名空間

在公司里炬称,把同一類方法,包在一起

JSON的使用

把之前的方法涡拘,包在一起

總結(jié):

1 . 修飾詞

i? :匹配時(shí)忽略大小寫

g : 匹配時(shí)全局匹配,查找所有匹配項(xiàng),而非查找到一個(gè)既停止

2 . 匹配模式

方括號(hào)

---方括號(hào)用于查找某個(gè)范圍內(nèi)的字符:

表達(dá)式描述

[abc]查找方括號(hào)之間的任何字符玲躯。

[^abc]查找任何不在方括號(hào)之間的字符。

[0-9]查找任何從 0 至 9 的數(shù)字鳄乏。

[a-z]查找任何從小寫 a 到小寫 z 的字符跷车。

[A-Z]查找任何從大寫 A 到大寫 Z 的字符。

[A-z]查找任何從大寫 A 到小寫 z 的字符橱野。

[adgk]查找給定集合內(nèi)的任何字符朽缴。

[^adgk]查找給定集合外的任何字符。

(red&|blue&|green)? ? 查找任何指定的選項(xiàng)仲吏。

轉(zhuǎn)義字符

---轉(zhuǎn)義字符Metacharacter)是擁有特殊含義的字符:

.查找單個(gè)字符,除了換行和行結(jié)束符蝌焚。

\w查找單詞字符裹唆。

\W查找非單詞字符。

\d查找數(shù)字只洒。

\D查找非數(shù)字字符许帐。

\s查找空白字符。

\S查找非空白字符毕谴。

\b匹配單詞邊界成畦。

\B匹配非單詞邊界距芬。

\0查找 NUL 字符。

\n查找換行符循帐。

\f查找換頁符框仔。

\r查找回車符。

\t查找制表符拄养。

\v查找垂直制表符离斩。

\xxx查找以八進(jìn)制數(shù) xxx 規(guī)定的字符。

\xdd查找以十六進(jìn)制數(shù) dd 規(guī)定的字符瘪匿。

\uxxxx查找以十六進(jìn)制數(shù) xxxx 規(guī)定的 Unicode 字符跛梗。

量詞描述

n+匹配任何包含至少一個(gè) n 的字符串。

n*匹配任何包含零個(gè)或多個(gè) n 的字符串棋弥。

n?匹配任何包含零個(gè)或一個(gè) n 的字符串核偿。

n{X}匹配包含 X 個(gè) n 的序列的字符串。

n{X,Y}匹配包含 X 或 Y 個(gè) n 的序列的字符串顽染。

n{X,}匹配包含至少 X 個(gè) n 的序列的字符串漾岳。

n$匹配任何結(jié)尾為 n 的字符串。

^n匹配任何開頭為 n 的字符串家乘。

?=n匹配任何其后緊接指定字符串 n 的字符串蝗羊。

?!n匹配任何其后沒有緊接指定字符串 n 的字符串。

RegExp 對(duì)象方法

方法描述

compile編譯正則表達(dá)式仁锯。

exec檢索字符串中指定的值耀找。返回找到的值,并確定其位置业崖。

test檢索字符串中指定的值野芒。返回 true 或 false。

支持正則表達(dá)式的 String 對(duì)象的方法

方法描述

search檢索與正則表達(dá)式相匹配的值双炕。

match找到一個(gè)或多個(gè)正則表達(dá)式的匹配狞悲。

replace替換與正則表達(dá)式匹配的子串。

split把字符串分割為字符串?dāng)?shù)組妇斤。


原文鏈接:http://www.reibang.com/p/4fb6354708e6

一摇锋、什么是正則表達(dá)式(Regular Expression)

正則表達(dá)式是對(duì)字符串操作的一種邏輯公式,就是用事先定義好的一些特定字符站超、及這些特定字符的組合荸恕,組成一個(gè)“規(guī)則字符串”,這個(gè)“規(guī)則字符串”用來表達(dá)對(duì)字符串的一種過濾邏輯( 即用這種方法來匹配想要的東西)死相。

文/XZ陽光小熊(簡(jiǎn)書作者)

原文鏈接:http://www.reibang.com/p/786938bb6d6f

著作權(quán)歸作者所有融求,轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán),并標(biāo)注“簡(jiǎn)書作者”算撮。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末生宛,一起剝皮案震驚了整個(gè)濱河市县昂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌陷舅,老刑警劉巖倒彰,帶你破解...
    沈念sama閱讀 217,406評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異蔑赘,居然都是意外死亡狸驳,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,732評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門缩赛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來耙箍,“玉大人,你說我怎么就攤上這事酥馍”缋ィ” “怎么了?”我有些...
    開封第一講書人閱讀 163,711評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵旨袒,是天一觀的道長(zhǎng)汁针。 經(jīng)常有香客問我,道長(zhǎng)砚尽,這世上最難降的妖魔是什么施无? 我笑而不...
    開封第一講書人閱讀 58,380評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮必孤,結(jié)果婚禮上猾骡,老公的妹妹穿的比我還像新娘。我一直安慰自己敷搪,他們只是感情好兴想,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,432評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著赡勘,像睡著了一般嫂便。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上闸与,一...
    開封第一講書人閱讀 51,301評(píng)論 1 301
  • 那天毙替,我揣著相機(jī)與錄音,去河邊找鬼践樱。 笑死厂画,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的映胁。 我是一名探鬼主播木羹,決...
    沈念sama閱讀 40,145評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼甲雅,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼解孙!你這毒婦竟也來了坑填?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,008評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤弛姜,失蹤者是張志新(化名)和其女友劉穎脐瑰,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體廷臼,經(jīng)...
    沈念sama閱讀 45,443評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡苍在,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,649評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了荠商。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片寂恬。...
    茶點(diǎn)故事閱讀 39,795評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖莱没,靈堂內(nèi)的尸體忽然破棺而出初肉,到底是詐尸還是另有隱情,我是刑警寧澤饰躲,帶...
    沈念sama閱讀 35,501評(píng)論 5 345
  • 正文 年R本政府宣布牙咏,位于F島的核電站,受9級(jí)特大地震影響嘹裂,放射性物質(zhì)發(fā)生泄漏妄壶。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,119評(píng)論 3 328
  • 文/蒙蒙 一寄狼、第九天 我趴在偏房一處隱蔽的房頂上張望丁寄。 院中可真熱鬧,春花似錦例嘱、人聲如沸狡逢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,731評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽奢浑。三九已至,卻和暖如春腋腮,著一層夾襖步出監(jiān)牢的瞬間雀彼,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,865評(píng)論 1 269
  • 我被黑心中介騙來泰國打工即寡, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留徊哑,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,899評(píng)論 2 370
  • 正文 我出身青樓聪富,卻偏偏與公主長(zhǎng)得像莺丑,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,724評(píng)論 2 354

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

  • 正則表達(dá)式功能: 測(cè)試字符串的某個(gè)模式梢莽。例如對(duì)一個(gè)輸入字符串進(jìn)行測(cè)試萧豆,看在該字符串是否存在一個(gè)電話號(hào)碼模式或一個(gè)信...
    DecadeHeart閱讀 605評(píng)論 0 1
  • 忘了從哪收集的資料了,放這兒昏名,以備不時(shí)之需涮雷。 只能輸入數(shù)字:"^[0-9]*$"。 只能輸入n位的數(shù)字:"^\d{...
    study_monkey閱讀 1,403評(píng)論 0 7
  • 正則表達(dá)式到底是什么東西轻局?字符是計(jì)算機(jī)軟件處理文字時(shí)最基本的單位洪鸭,可能是字母,數(shù)字仑扑,標(biāo)點(diǎn)符號(hào)览爵,空格,換行符镇饮,漢字等...
    獅子挽歌閱讀 2,147評(píng)論 0 9
  • 轉(zhuǎn)自: JS正則表達(dá)式一條龍講解拾枣,從原理和語法到JS正則、ES6正則擴(kuò)展盒让,最后再到正則實(shí)踐思路 溫馨提示:文章很長(zhǎng)...
    前端渣渣閱讀 1,812評(píng)論 1 32
  • 圖片1【http://upload-images.jianshu.io/upload_images/6699248...
    小菜c閱讀 463評(píng)論 0 1