欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

學習JavaScript正則表達式

 更新時間:2015年11月13日 12:00:58   投稿:lijiao  
這篇文章主要介紹了JavaScript正則表達式,詳細深入的了解JavaScript正則表達式,從而更熟練掌握JavaScript正則表達式,感興趣的小伙伴們可以參考一下

JavaScript正則表達式學習:

有個在線調(diào)試正則的工具。下面的所有示例代碼,都可以在codepen上查看到。

1.創(chuàng)建正則表達式

var re = /ab+c/; //方式一 正則表達式字面量

var re = new RegExp("ab+c"); //方式二 RegExp對象的構(gòu)造函

1)正則表達式字面量在腳本加載后編譯。若你的正則表達式是常量,使用這種方式可以獲得更好的性能。

2)使用構(gòu)造函數(shù),提供了對正則表達式運行時的編譯。當你知道正則表達式的模式會發(fā)生改變, 或者你事先并不了解它的模式或者是從其他地方(比如用戶的輸入),得到的代碼這時比較適合用構(gòu)造函數(shù)的方式。

2.正則表達式中的特殊字符

\    ^    $    *    +    ?    .    (x)    (?:x)    x(?=y)    x(?!y)    x|y    {n}  

{n,m}    [xyz]    [^xyz]    [\b]    \b    \B    \cX    \d    \D    \f    \n    \r   

\s    \S    \t    \v    \w    \W    \n    \0    \xhh    \uhhhh   

3.正則表達式中的方法

有6個,分別是exec、test、match、search、replace和split

exec和test的語法都是regexObj調(diào)用,match、search、replace和split的語法都是string調(diào)用。

exec:

方法為指定的一段字符串執(zhí)行搜索匹配操作。它的返回值是一個數(shù)組或者 null。語法如下:regexObj.exec(str)

示例代碼:

var re = /quick\s(brown).+?(jumps)/ig;
var result = re.exec('The Quick Brown Fox Jumps Over The Lazy Dog');
返回結(jié)果:

test:

一個在字符串中測試是否匹配的RegExp方法,它返回true或false。語法如下:regexObj.exec(str) 

match:

一個在字符串中執(zhí)行查找匹配的RegExp方法,它返回一個數(shù)組或者在未匹配到時返回null。

與exec略有不同,首先是調(diào)用方式,math是由字符串調(diào)用,而exec是由RegexObj調(diào)用。

其次,如果表達式中有“g”標記,那么返回一個匹配的字符串數(shù)組,如果沒有就會和exec返回的一樣。下面這個demo就是有“g”。語法如下:str.match(regexp)

示例代碼:

var re = /quick\s(brown).+?(jumps)/ig;
var result = re.exec('The Quick Brown Fox Jumps Over The Lazy Dog');

返回結(jié)果:

search:

一個在字符串中測試匹配的String方法,它返回匹配到的位置索引,或者在失敗時返回-1。語法如下:str.search(regexp)

例如上面的示例代碼如果是調(diào)用search,返回數(shù)據(jù)就是4。

replace:

一個在字符串中執(zhí)行查找匹配的String方法,并且使用替換字符串替換掉匹配到的子字符串。語法如下:str.replace(regexp|substr,newSubStr|function[,flags])

var re = /(\w+)\s(\w+)/;
var str = "John Smith";
var result = str.replace(re, "$2, $1");

返回的結(jié)果將是:“Smith, John”

split:

一個使用正則表達式或者一個固定字符串分隔一個字符串,并將分隔后的子字符串存儲到數(shù)組中的String方法。語法如下:str.split([separator[,limit]])

limit就是限制分割后的數(shù)組中的個數(shù)。下面的是一個demo,但是表達式中有一個是加了括號,一個沒加,返回的數(shù)據(jù)是不一樣的。

示例代碼:

var re = /(\d)/;
var result = 'Hello 1 word. Sentence number 2.'.split(re);
console.log(result);
var re = /\d/;
var result = 'Hello 1 word. Sentence number 2.'.split(re);
console.log(result);

返回結(jié)果:

4.正則表達式執(zhí)行返回信息

var myRe = new RegExp("d(b+)d", "g");
var myArray = myRe.exec("cdbbdbsbz");
console.log(myArray);

代碼中返回的結(jié)果如下:

5.正則表達式標志

var re = /\w+\s/g;//表達式一
var re = new RegExp("\\w+\\s", "g");//表達式二
var str = "fee fi fo fum";
var myArray = str.match(re);
console.log(myArray);

表達式一和表達式二返回的結(jié)果是一樣的。都是下面的那個數(shù)組:

 以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助。

相關(guān)文章

最新評論