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

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

1.何為正則呢?

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

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

3.正則的表達式:

var str=/正則表達式/;

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


4.正則的常用的方法


test:正則去匹配字符串,如果匹配成果就返回時真true,反而時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)識 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):正則匹配成功就會結(jié)束,不會繼續(xù)匹配

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

量詞 : 匹配不確定的位置

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

var str = 'haj123sdk54hask33dkhalsd879';

var re = /\d+/g;

alert( str.match(re) );


replace : 正則去匹配字符串,匹配成功的字符去替換成新的字符串,replace : 第二個參數(shù):可以是字符串,也可以是一個回調(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ù)的第一個參數(shù):就是匹配成功的字符

//alert( str );

var result = '';

for(var i=0;i


匹配子項 : 小括號 ()? (還有另外一個意思,分組操作)

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

//然后把左邊第一個小括號里面的正則,叫做這個第一個子項(母親的第一個孩子)

//第二個小括號就是第二個孩子

例:

var str = '2013-6-7';

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

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

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

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

//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的時候才可以獲取到子項的集合)

字符類 : 一組相似的元素? [] 中括號的整體代表一個字符

例:

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ù)項最多的字符和個數(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次*/

常用的正則表達式

高級表單校驗

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

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

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

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

QQ號:[1-9][0-9]{4,9}

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

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

把方法包在一個空間里

有人管他叫——命名空間

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

JSON的使用

把之前的方法,包在一起

總結(jié):

1 . 修飾詞

i? :匹配時忽略大小寫

g : 匹配時全局匹配,查找所有匹配項,而非查找到一個既停止

2 . 匹配模式

方括號

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

表達式描述

[abc]查找方括號之間的任何字符。

[^abc]查找任何不在方括號之間的字符。

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

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

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

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

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

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

(red&|blue&|green)? ? 查找任何指定的選項。

轉(zhuǎn)義字符

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

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

\w查找單詞字符。

\W查找非單詞字符。

\d查找數(shù)字。

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

\s查找空白字符。

\S查找非空白字符。

\b匹配單詞邊界。

\B匹配非單詞邊界。

\0查找 NUL 字符。

\n查找換行符。

\f查找換頁符。

\r查找回車符。

\t查找制表符。

\v查找垂直制表符。

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

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

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

量詞描述

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

n*匹配任何包含零個或多個 n 的字符串。

n?匹配任何包含零個或一個 n 的字符串。

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

n{X,Y}匹配包含 X 或 Y 個 n 的序列的字符串。

n{X,}匹配包含至少 X 個 n 的序列的字符串。

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

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

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

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

RegExp 對象方法

方法描述

compile編譯正則表達式。

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

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

支持正則表達式的 String 對象的方法

方法描述

search檢索與正則表達式相匹配的值。

match找到一個或多個正則表達式的匹配。

replace替換與正則表達式匹配的子串。

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


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

一、什么是正則表達式(Regular Expression)

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

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

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

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

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 227,797評論 6 531
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,179評論 3 414
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 175,628評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,642評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 71,444評論 6 405
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 54,948評論 1 321
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,040評論 3 440
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,185評論 0 287
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 48,717評論 1 333
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 40,602評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,794評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,316評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,045評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,418評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,671評論 1 281
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,414評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 47,750評論 2 370

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

  • 正則表達式功能: 測試字符串的某個模式。例如對一個輸入字符串進行測試,看在該字符串是否存在一個電話號碼模式或一個信...
    DecadeHeart閱讀 613評論 0 1
  • 忘了從哪收集的資料了,放這兒,以備不時之需。 只能輸入數(shù)字:"^[0-9]*$"。 只能輸入n位的數(shù)字:"^\d{...
    study_monkey閱讀 1,415評論 0 7
  • 正則表達式到底是什么東西?字符是計算機軟件處理文字時最基本的單位,可能是字母,數(shù)字,標(biāo)點符號,空格,換行符,漢字等...
    獅子挽歌閱讀 2,160評論 0 9
  • 轉(zhuǎn)自: JS正則表達式一條龍講解,從原理和語法到JS正則、ES6正則擴展,最后再到正則實踐思路 溫馨提示:文章很長...
    前端渣渣閱讀 1,823評論 1 32
  • 圖片1【http://upload-images.jianshu.io/upload_images/6699248...
    小菜c閱讀 466評論 0 1