好習慣 , 先來今天的主角
輸入正規表示式(不用前後//)
輸入要驗證的字串
:
:
輸入要驗證的字串
:
:
輸入的正規表示式
輸入的測試字串
是否符合
拆解後的字串
:
:
:
:
輸入的測試字串
是否符合
拆解後的字串
:
:
:
:
這可以讓你線上玩正規表示式XD至於教學請到 :
通用式相關列表
正規表示法 - 表單驗證
今天要講的是這兩篇文章沒講到的()的妙用, 在使用exec的時候 會根據輸入的正規表示式把符合的字串拆出來 , 如果你加了()的話 就等於有超越split 的功能...
例如
正規表示式 : /^(\d{2})a(a{3})$/
然後檢驗的字串 : 55aaaa
用exec拆完以後會變成 55aaa , 55 , aaa 總共三個字串!
有發現嗎?
他會先把()拿掉做第一次的配對, 把全部拿出來 , 之後根據()的內容去配對 , 把符合的拿出來 , 接著把第二個()內符合的拿出來 , 這功能用得好的話subString還有不少if else 都能省略了 , 拿來拆解字串實在是非常的好用 , 只要對要處理的字串寫好格式 , 接著exec就會自動幫你拆好變成陣列並回傳~
在這邊附上格式
| 字元 | 說明 | 簡單範例 |
|---|---|---|
| \ | 避開特殊字元 | /A\*/ 可用於比對 "A*"，其中 * 是一個特殊字元，為避開其特殊意義，所以必須加上 "\" |
| ^ | 比對輸入列的起始位置 | /^A/ 可比對 "Abcd" 中的 "A"，但不可比對 "aAb" |
| $ | 比對輸入列的結束位置 | /A$/ 可比對 "bcdA" 中的 "A"，但不可比對 "aAb" |
| * | 比對前一個字元零次或更多次 | /bo*/ 可比對 "Good boook" 中的 "booo"，亦可比對 "Good bk" 中的 "b" |
| + | 比對前一個字元一次或更多次，等效於 {1,} | /a+/ 可比對 "caaandy" 中的 "aaa"，但不可比對 "cndy" |
| ? | 比對前一個字元零次或一次 | /e?l/ 可比對 "angel" 中的 "el"，也可以比對 "angle" 中的 "l" |
| . | 比對任何一個字元（但換行符號不算） | /.n/ 可比對 "nay, an apple is on the tree" 中的 "an" 和 "on"，但不可比對 "nay" |
| (x) | 比對 x 並將符合的部分存入一個變數 | /(a*) and (b*)/ 可比對 "aaa and bb" 中的 "aaa" 和 "bb"，並將這兩個比對得到的字串設定至變數 RegExp.$1 和 RegExp.$2。 |
| x|y | 比對 x 或 y | /a+|b+/g 可比對 "aaa k bb" 中的 "aaa" 和 "bb" |
| {n} | 比對前一個字元 n 次，n 為一個正整數 | /a{3}/ 可比對 "lllaaalaa" 其中的 "aaa"，但不可比對 "aa" |
| {n,} | 比對前一個字元至少 n 次，n 為一個正整數 | /a{3,}/ 可比對 "aa aaa aaaa" 其中的 "aaa" 及 "aaaa"，但不可比對 "aa" |
| {n,m} | 比對前一個字元至少 n 次，至多 m 次，m、n 均為正整數 | /a{3,4}/ 可比對 "aa aaa aaaa aaaaa" 其中的 "aaa" 及 "aaaa"，但不可比對 "aa" 及 "aaaaa" |
| [xyz] | 比對中括弧內的任一個字元 | /[ecm]/ 可比對 "welcome" 中的 "e" 或 "c" 或 "m" |
| [^xyz] | 比對不在中括弧內出現的任一個字元 | /[^ecm]/ 可比對 "welcome" 中的 "w"、"l"、"o"，可見出其與 [xyz] 功能相反。（同時請同學也注意 /^/ 與 [^] 之間功能的不同。） |
| [\b] | 比對退位字元（Backspace character） | 可以比對一個 backspace ，也請注意 [\b] 與 \b 之間的差別 |
| \b | 比對英文字的邊界，例如空格 | 例如 /\bn\w/ 可以比對 "noonday" 中的 'no' ; /\wy\b/ 可比對 "possibly yesterday." 中的 'ly' |
| \B | 比對非「英文字的邊界」 | 例如, /\w\Bn/ 可以比對 "noonday" 中的 'on' , 另外 /y\B\w/ 可以比對 "possibly yesterday." 中的 'ye' |
| \cX | 比對控制字元（Control character），其中 X 是一個控制字元 | /\cM/ 可以比對 一個字串中的 control-M |
| \d | 比對任一個數字，等效於 [0-9] | /[\d]/ 可比對 由 "0" 至 "9" 的任一數字 但其餘如字母等就不可比對 |
| \D | 比對任一個非數字，等效於 [^0-9] | /[\D]/ 可比對 "w" "a"... 但不可比對如 "7" "1" 等數字 |
| \f | 比對 form-feed | 若是在文字中有發生 "換頁" 的行為 則可以比對成功 |
| \n | 比對換行符號 | 若是在文字中有發生 "換行" 的行為 則可以比對成功 |
| \r | 比對 carriage return | |
| \s | 比對任一個空白字元（White space character），等效於 [ \f\n\r\t\v] | /\s\w*/ 可比對 "A b" 中的 "b" |
| \S | 比對任一個非空白字元，等效於 [^ \f\n\r\t\v] | /\S/\w* 可比對 "A b" 中的 "A" |
| \t | 比對定位字元（Tab） | |
| \v | 比對垂直定位字元（Vertical tab） | |
| \w | 比對數字字母字元（Alphanumerical characters）或底線字母（"_"），等效於 [A-Za-z0-9_] | /\w/ 可比對 ".A _!9" 中的 "A"、"_"、"9"。 |
| \W | 比對非「數字字母字元或底線字母」，等效於 [^A-Za-z0-9_] | /\W/ 可比對 ".A _!9" 中的 "."、" "、"!"，可見其功能與 /\w/ 恰好相反。 |
| \ooctal | 比對八進位，其中octal是八進位數目 | /\oocetal123/ 可比對 與 八進位的ASCII中 "123" 所相對應的字元值。 |
| \xhex | 比對十六進位，其中hex是十六進位數目 | /\xhex38/ 可比對 與 16進位的ASCII中 "38" 所相對應的字元。 |
0 意見:
張貼留言