JS中的正則表達(dá)式

Soarkey 發(fā)布于2019-08-22 17:17 / 579人閱讀

摘要：構(gòu)造函數(shù)可以有兩個(gè)字符串參數(shù)，第一個(gè)參數(shù)包含正則表達(dá)式的主體部分。只讀的布爾值，說(shuō)明這個(gè)正則表達(dá)式是否帶有修飾符。中正則的擴(kuò)展構(gòu)造函數(shù)在中，只能接受字符串作為參數(shù)，允許其直接接受正則表達(dá)式作為參數(shù)。

上文傳送門：初探正則表達(dá)式

正則表達(dá)式是一個(gè)描述字符模式的對(duì)象，JavaScript 的 RegExp 類表示正則表達(dá)式，String 和 RegExp 都定義了方法，后者使用正則表達(dá)式進(jìn)行強(qiáng)大的模式匹配和文本檢索于替換功能。JavaScript 的正則表達(dá)式語(yǔ)法是 Perl5 的正則表達(dá)式語(yǔ)法的子集。

JS中正則表達(dá)式的定義

JavaScript 中的正則表達(dá)式用RegWxp對(duì)象表示，可以使用RegExp()構(gòu)造函數(shù)來(lái)創(chuàng)建RegExp對(duì)象，不過(guò)RegExp對(duì)象更多的是通過(guò)一種特殊的直接量語(yǔ)法來(lái)創(chuàng)建。就像通過(guò)引號(hào)包裹字符的方式來(lái)定義字符串直接量一樣，正則表達(dá)式直接量定義為包含在一對(duì)斜杠(/)之間的字符，比如：

var someReg  = /s$/ 
var someReg2 = new RegExp("s$")

其實(shí)，這兩個(gè)表達(dá)式是等價(jià)的，都匹配以字母s結(jié)尾的字符串，只不過(guò)第一個(gè)以直接量定義，第二個(gè)以正則表達(dá)式定義。

js中正則表達(dá)式的修飾符

修飾符	說(shuō)明
i	執(zhí)行不區(qū)分大小寫(xiě)的匹配
g	執(zhí)行一個(gè)全局匹配，即找到所有匹配而不是找到一個(gè)就停止
m	多行匹配模式 ^ 匹配一行的開(kāi)頭和字符串的開(kāi)頭 $ 匹配行的結(jié)束和字符串的結(jié)束

用于匹配模式的String方法

String 支持4種使用正則表達(dá)式的方法。

1. search()

"JavaScript".search(/script/i);

search() 的參數(shù)是一個(gè)正則表達(dá)式，返回第一個(gè)與之匹配的字串的起始位置，如果到不到匹配的字串，它將返回 -1，如果它的參數(shù)不是正則表達(dá)式，則首先會(huì)通過(guò)RegExp構(gòu)造函數(shù)將他轉(zhuǎn)化成正則表達(dá)式，它不支持全局搜索，因?yàn)樗雎哉齽t表達(dá)式中的修飾符 g。上面的表達(dá)式將返回 4。

2. replace()

text.replace(/javascript/gi, "JavaScript");

replace() 用來(lái)執(zhí)行檢索和替換操作。其中第一個(gè)參數(shù)是一個(gè)正則表達(dá)式，第二個(gè)參數(shù)是要進(jìn)行替換操作的字符串。這個(gè)方法會(huì)對(duì)調(diào)用它的字符串進(jìn)行檢索，使用指定的模式來(lái)匹配。如果 replace() 的第一個(gè)參數(shù)是一個(gè)字符串，那么它將直接搜索這個(gè)字符串，而不是和 search() 一樣先通過(guò) RegExp()將它轉(zhuǎn)換成正則表達(dá)式。上面的表達(dá)式將文本中所有的 javascript （不區(qū)分大小寫(xiě)）統(tǒng)一替換為 JavaScript。

3. march():

"1 and 2 and 3".match(/d+g);

match() 方法是最常用的String正則表達(dá)式方法。它唯一的參數(shù)就是一個(gè)正則表達(dá)式，返回的是一個(gè)匹配結(jié)果組成的數(shù)組。如果該表達(dá)式設(shè)置了修飾符 g，則該方法反悔的數(shù)組中包括了字符串中所有匹配結(jié)果。如果這個(gè)這個(gè)正則表達(dá)式?jīng)]有設(shè)置修飾符 g，它只檢索第一個(gè)匹配。但是即使它不是全局匹配，它也返回一個(gè)數(shù)組，在這種情況下，數(shù)組的第一個(gè)元素就是匹配的字符串，剩下的元素則是正則表達(dá)式中用圓括號(hào)擴(kuò)起來(lái)的子表達(dá)式。上面代碼返回 ["1","2","3"]

4. split()

"123,456,789".split(",");

這個(gè)方法將調(diào)用他的字符串拆分成一個(gè)字串組成的數(shù)組，使用的分隔符是 split() 的參數(shù)，它的參數(shù)也可以是一個(gè)正則表達(dá)式。上面的代碼返回 ["123","456","789"]。

RegExp對(duì)象

除了 RegExp() 構(gòu)造函數(shù)以外，RegExp 對(duì)象還支持三個(gè)方法和一些屬性。

RegExp()構(gòu)造函數(shù)可以有兩個(gè)字符串參數(shù)，第一個(gè)參數(shù)包含正則表達(dá)式的主體部分。需要注意的是不管是字符串直接量還是正則表達(dá)式，都是用作為轉(zhuǎn)義字符的前綴，因此當(dāng)給構(gòu)造函數(shù)傳入一個(gè)字符串表述的正則表達(dá)式時(shí)，必須要將替換成。如果提供第二個(gè)參數(shù)，它就制定正則表達(dá)式的修飾符。

var thisReg = new RegExp("d{5}","g");

RegExp的屬性

source: 只讀的字符串，包含正則表達(dá)式的文本。

global: 只讀的布爾值，說(shuō)明這個(gè)正則表達(dá)式是否帶有修飾符 g。

ignoreCase: 只讀的布爾值，說(shuō)明這個(gè)正則表達(dá)式是否帶有修飾符 i。

multiline: 只讀的布爾值，說(shuō)明這個(gè)正則表達(dá)式是否帶有修飾符 m。

lastIndex: 可讀寫(xiě)的整數(shù)，如果這個(gè)正則表達(dá)式帶有修飾符 g ，這個(gè)屬性儲(chǔ)存在整個(gè)字符串中下次檢索的開(kāi)始位置，這個(gè)屬性會(huì)被 exec() 和 test() 方法用到。

RegExp的方法

RegExp對(duì)象定義了兩個(gè)用于執(zhí)行模式匹配操作的方法。

1. exec()

它與我們之前介紹的 match() 相似，只是它的參數(shù)是一個(gè)字符串，而 match() 的參數(shù)是一個(gè)RegExp對(duì)象。

exec() 對(duì)一個(gè)指定的字符串執(zhí)行匹配檢索。如果它沒(méi)有找點(diǎn)任何匹配，它就返回 null，但是如果他找到一個(gè)匹配，它將返回一個(gè)數(shù)組，這個(gè)數(shù)組第一個(gè)元素包含的是與正則表達(dá)式相匹配的字符串，余下的就是正則表達(dá)式括號(hào)內(nèi)的子表達(dá)式。

和 match() 不同，不管正則表達(dá)式是否具有全局修飾符 g，exec() 都會(huì)返回一樣的數(shù)組。當(dāng)調(diào)用 exec() 的正則表達(dá)式對(duì)象具有修飾符 g 的時(shí)候，它把當(dāng)前正則表達(dá)式的 lastindex 屬性設(shè)置為緊挨著匹配字串的字符位置。當(dāng)同一個(gè)字符串第二次調(diào)用 exec() 的時(shí)候，他將會(huì)從 lastIndex 所指示的字符位置開(kāi)始檢索。如果沒(méi)有任何匹配結(jié)果，他將會(huì)把 lastIndex 設(shè)置為 0（我們也可以在任何時(shí)候進(jìn)行設(shè)置）。

2. test()

調(diào)用 test() 和調(diào)用 exec() 等價(jià)，當(dāng) exec() 的返回結(jié)果不是 null 的時(shí)候，test() 返回 true。由于這種等價(jià)性，當(dāng)一個(gè)全局表達(dá)式調(diào)用 test() 時(shí)，它的行為和 exec() 一樣。

ES6中正則的擴(kuò)展 RegExp構(gòu)造函數(shù)

在ES5中，RegExp() 只能接受字符串作為參數(shù)，ES6允許其直接接受正則表達(dá)式作為參數(shù)。

let regex = new RegExp(/xyz/i)

字符串的正則方法

ES6中將字符串對(duì)象的4個(gè)正則方法在語(yǔ)言內(nèi)部全部調(diào)用 RegExp 的實(shí)例方法，使得所有與正則有關(guān)的方法全部都定義在了 RegExp 對(duì)象上。

如 String.prototype.match 調(diào)用 RegExp.prototype[Symbol.match]

u修飾符

ES6對(duì)正則表達(dá)式增加了 u 修飾符，含義為“Unicode模式”，用來(lái)正確處理大于 uFFFF 的Unicode字符。

y修飾符

ES6還為正則表達(dá)式添加了 y 修飾符。他的作用和 g 修飾符類似，也是全局匹配，后一次匹配都從上一次匹配成功的下一位置開(kāi)始。不同之處在于，g 修飾符只要剩余位置中存在匹配就行，而 y 修飾符會(huì)確保匹配從剩余的第一個(gè)位置開(kāi)始。g 修飾符會(huì)忽略非法字符， y 不會(huì)。

let s  = "aaa_aa_a";
let r1 = /a+/g;
let r2 = /a+/y;

r1.exec(s)  // ["aaa"]
r2.exec(s)  // ["aaa"]

r1.exec(s)  // ["aa"]
r2.exec(s)  // null

sticky屬性

與 y 修飾符對(duì)應(yīng)，ES6的正則對(duì)象對(duì)了 sticky 屬性，用來(lái)表示是否設(shè)置了 y 修飾符。

flags屬性

ES6為正則表達(dá)式新增了 flags 屬性，返回正則表達(dá)式的修飾符。

云服務(wù)器 GPU云服務(wù)器座機(jī)正則表達(dá)式 js js域名正則表達(dá)式 js類型正則表達(dá)式 js網(wǎng)址正則表達(dá)式

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/95028.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

Soarkey

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

tensorflow1.4

閱讀 2117·2023-04-25 19:03
曙光發(fā)布“城市云腦”系列解決方案十大場(chǎng)景全賦能智慧城市_云資訊

閱讀 1269·2021-10-14 09:42
云主機(jī)3m帶寬支持多少人在線-云服務(wù)器上5M帶寬大概支持多少人同時(shí)在線？

閱讀 3456·2021-09-22 15:16
?算法入門?《二叉樹(shù) - 二叉搜索樹(shù)》簡(jiǎn)單05 —— LeetCode 897. 遞增順序搜索樹(shù)

閱讀 1029·2021-09-10 10:51
硬件創(chuàng)業(yè)：智能硬件產(chǎn)品詳細(xì)開(kāi)發(fā)指南

閱讀 1660·2021-09-06 15:00
淺談pc和移動(dòng)端的響應(yīng)式

閱讀 2435·2019-08-30 15:55
css3過(guò)渡

閱讀 516·2019-08-29 16:22
大話Redux

閱讀 916·2019-08-26 13:49

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JS中的正則表達(dá)式

相關(guān)文章

正則與JS中的正則

**JS正則表達(dá)式一條龍講解，從原理和語(yǔ)法到JS正則、ES6正則擴(kuò)展，最后再到正則實(shí)踐思路**

**JS正則表達(dá)式元字符**

正則表達(dá)式

**js正則表達(dá)式學(xué)習(xí)筆記**

發(fā)表評(píng)論

0條評(píng)論

Soarkey

男|高級(jí)講師

TA的文章

tensorflow1.4

曙光發(fā)布“城市云腦”系列解決方案十大場(chǎng)景全賦能智慧城市_云資訊

云主機(jī)3m帶寬支持多少人在線-云服務(wù)器上5M帶寬大概支持多少人同時(shí)在線？

?算法入門?《二叉樹(shù) - 二叉搜索樹(shù)》簡(jiǎn)單05 —— LeetCode 897. 遞增順序搜索樹(shù)

硬件創(chuàng)業(yè)：智能硬件產(chǎn)品詳細(xì)開(kāi)發(fā)指南

淺談pc和移動(dòng)端的響應(yīng)式

css3過(guò)渡

大話Redux

最新活動(dòng)

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！

JS中的正則表達(dá)式

相關(guān)文章

發(fā)表評(píng)論

0條評(píng)論

男|高級(jí)講師

TA的文章

最新活動(dòng)

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來(lái)選購(gòu)！