JavaScript 正則表達(dá)式

描述字符模式的對(duì)象

在線測(cè)試 regexr
正則常用參考

修飾符

/foo/i ignore case: 忽略匹配模式的字母大小寫
/foo/g global search: 全局匹配
/foo/m multiline: 轉(zhuǎn)換為多行魄幕，分別進(jìn)行匹配

特殊符號(hào)

/./ 通配符: 匹配換行符以外的所有字符
/png|gif|jpg/ 選擇符: 或者

Note:
匹配 . 本身需要轉(zhuǎn)義 /\./
/a|ab/g abc => a

錨

不匹配可見(jiàn)字符，只用來(lái)指定匹配發(fā)生的位置

TypeScript 
CoffeeScript 
Scripting 
ActionScriptEditor

/^Script/m : 匹配以 Script 開(kāi)頭的字符呛哟。Scripting
/Script$/mg : 匹配以 Script 結(jié)束的字符荔泳。TypeScript，CoffeeScript
/Script\b/mg ：字邊界蝉娜。匹配以 Script 結(jié)尾的單詞 TypeScript馏予，CoffeeScript
/Script\B/mg: 非字邊界乐尊。匹配單詞中含有 Script 的單詞雳刺，但單詞不能以 Script 結(jié)尾劫灶。Scripting，ActionScriptEditor

Note:
以上4例中匹配的結(jié)果均為 Script掖桦，而非某個(gè)完整單詞
[\b] 代表退格符

斷言

(?=foo) 零寬正向先行斷言：之后的字符要與其匹配本昏，但不包含這些字符

eg:
/\d+(?=px)/ 只匹配后面是px的數(shù)字，但匹配結(jié)果并不包含 px

3px 6em 12px => 3 12
(?!foo) 零寬反向先行斷言枪汪，之后的字符不與其匹配
eg1: /\d+(?!px)(?!\d)/只匹配不是以 px 結(jié)尾的數(shù)字
3px 6em 12px => 6
eg2: /\d+(?!px)/
3px 6em 12px => 6 1

字符集 `[]`

匹配字符集內(nèi)的某一個(gè)字符

字符集中的特殊符號(hào)

/[^abc]/: 否定涌穆，不包含字符集中的任何一個(gè)
/[a-c]/: 表示范圍。即 /[abc]/料饥。

Note:
字符集中的 - 只要有一側(cè)沒(méi)有字符就不用轉(zhuǎn)義。eg:/[-2]/ 匹配 - 或 2
字符集中的 . 不用轉(zhuǎn)義
字符集中的 \b 代表退格符

轉(zhuǎn)義字符集

\d: digital: 匹配數(shù)字朱监。[0-9]
\D: 匹配非數(shù)字岸啡。[^0-9]
\w: word: 匹配字母、數(shù)字和下劃線 _（ASCII單詞）赫编。[a-zA-Z0-9_]
\W: 匹配除字母巡蘸、數(shù)字和下劃線以外的字符（非ASCII單詞）奋隶。 [^a-zA-Z0-9_]
\s: space: 空，制表符悦荒，以及其他 unicode 空白符唯欣，tab\t，換行符\n 搬味，回車符 \r境氢。 [ \t\n\r]
\S: 非 Unicode 空白符

重復(fù)

*: 0個(gè)及以上
+: 1個(gè)及以上
?: 1個(gè)及以下
{2}: 2個(gè)
{2,}: 2個(gè)以上
{2,4} 2到4個(gè)

非貪婪重復(fù)

正則的重復(fù)規(guī)則默認(rèn)匹配盡量多的字符，使用碰纬？來(lái)匹配盡可能少的字符

/a+?/ aaa => 第一個(gè) a
/a+?/g aaa => 全部3個(gè) a
/a+?b/ aaaab => aaaab 與貪婪模式一致萍聊，正則總是尋找字符串中第一個(gè)可匹配的字符進(jìn)行匹配[1]

群組 `()`

方便使用重復(fù)符號(hào) /Java(Script)?/: Java 或者 JavaScript

群組的引用

\ 加上群組的序數(shù)

eg: /<h(\d)>.*<\/h\1>/ 匹配一個(gè)閉合標(biāo)簽，\1代表前面的群組 (\d) 匹配到的數(shù)字悦析。

+ <h1>h1</h1>   ?
+ <h2>h2</h2>   ?
- <h3>xxxx</h4> ?

$ 加上數(shù)字可以取得正則表達(dá)式匹配結(jié)構(gòu)中的第幾個(gè)群組寿桨，例如 $1 在 /Java(Script)/ 中即為 Script，用法參照下方的 string.replace 方法

$& 可以獲取匹配的整個(gè)項(xiàng)目强戴，既上面的 JavaScript

?:不為群組添加引用 (?:Script) 不存儲(chǔ)群組的匹配值亭螟，既使用 $1 不能得到 Script，只能得到字符串形式的 '$1'

字符串中與正則相關(guān)的實(shí)例方法

string.match(regExp) [array/null]
- 返回一個(gè)由匹配結(jié)果組成的數(shù)組骑歹，沒(méi)有匹配項(xiàng)則返回 null预烙。
- 如果有修飾符 g 則數(shù)組中包含所有匹配結(jié)果；如果沒(méi)有修飾符 g陵刹，返回的數(shù)組第一項(xiàng)是匹配結(jié)果默伍，而后數(shù)組的第n項(xiàng)是 $n。
- 數(shù)組后添加的 index 屬性是字符串中匹配的起始位置衰琐。
- 數(shù)組后添加的 input 的屬性是原始的字符串也糊。
string.search(regExp) [number]
- 返回匹配的起始位置，如果不存在匹配字符則返回 -1羡宙。
- 不支持全局檢索狸剃，即會(huì)忽略修飾符 g。
- 如果傳入的參數(shù)不是正則實(shí)例狗热，則內(nèi)部使用 RegExp 構(gòu)造函數(shù)先將參數(shù)轉(zhuǎn)化為正則實(shí)例钞馁。
string.replace(regExp|string, newString|function) [string] [3]
- 第一個(gè)參數(shù)是匹配的模式，如果是字符串則使用 RegExp 構(gòu)造函數(shù)先將參數(shù)轉(zhuǎn)化為正則實(shí)例匿刮。
- 第二個(gè)參數(shù)是替換后的字符僧凰，如果參數(shù)是函數(shù)，那么函數(shù)的返回值則是替換的內(nèi)容
- 如果用于替換后的字符中包含了未使用的引用熟丸，則將其視為原始字符處理 eg4训措。
```
'jaVAscriPt'.replace(/javascript/i, 'JavaScript')
// => JavaScript

'false can use?'.replace(false, true) 
// =>'true can use?'

'iOS, windows Phone, Android'.replace(/(ios)(.*)(android)/i, '$3$2$1')
// => 'Android, windows Phone, iOS'
```

'iOS, windows Phone, Android'.replace(/(ios)(.*)(android)/i, '$3$2$1$4')
// => 'Android, windows Phone, iOS$4'

'phone systems: iOS, windows Phone, Android'.replace(
/(ios)(.*)(android)/i,
function (match, $1, $2, $3, index, input) {
// match: 'iOS, windows Phone, Android'
// $1: 'iOS'
// $2: ', windows Phone, '
// $3: 'Android'
// index: 15
// input: 'phone systems: iOS, windows Phone, Android'
return 'phone systems: ' + $3 + $2 + $1
}
)
// => 'phone systems: Android, windows Phone, iOS'


- `string.split(string|regexp) [array]`   [4]
* 使用參數(shù)切分字符串，并將結(jié)果保存到數(shù)組中返回。
* 如果字符串最末是切分的標(biāo)志绩鸣，則返回的數(shù)組最后一項(xiàng)則是空字符串怀大。

``` javascript
'user=jack&id=233&city=beijing'.split('&')
// => ['user=jack', 'id=233', 'city=beijing']

'1w2Y3s4E5'.split(/[a-z]/i)
// => ['1', '2', '3', '4', '5']

'1w2Y3s4E5x'.split(/[a-z]/i)
// => ['1', '2', '3', '4', '5', '']

JavaScript 中的正則 RegExp

const pattern = /foo$/
const pattern = new RegExp("foo$")

每次使用直接量都會(huì)創(chuàng)建新的對(duì)象（eg : /foo/）

實(shí)例屬性

[string] regexp.source 正則表達(dá)式文本，只讀
```
/[^foo]/.source // => "[^foo]" 
```
[boolean] regexp.ignoreCase 是否帶有 i 修飾符呀闻，只讀
[boolean] regexp.multiline 是否帶有 m 修飾符化借，只讀
[boolean] regexp.global 是否含有 g 修飾符，只讀
```
/foo/i.global // => false
/baz/g.global // => true
```

[number] regexp.lastIndex
同一個(gè)正則實(shí)例會(huì)存儲(chǔ)上一次匹配正確的位置捡多。為了保證匹配結(jié)果容易控制蓖康，可以每次使用新的實(shí)例來(lái)進(jìn)行匹配，或者使用字符串的實(shí)例方法局服。

/** 全局匹配 **/
const pattern = /\d/g

pattern.lastIndex    // 0
pattern.exec('1234') // ["1", index: 0, input: "1234"]

pattern.lastIndex    // 1
pattern.test('1234') // true

pattern.lastIndex    // 2
pattern.exec('1234') // ["3", index: 2, input: "1234"]

/** 非全局匹配 **/

const pattern = /\d/

pattern.lastIndex // 0
pattern.exec('1234') // ["1", index: 0, input: "1234"]

pattern.lastIndex // 0
pattern.test('1234') // true