Download as PDF, PPTX
![你應該會發現
● 只要用 [0-9]+ 就可以比對
《數字串》
● 然後用 [a-z]+ 就可以比對
《小寫英文字母串》](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-34-320.jpg)
![所以才會看到
● 'this is a book'.match(/[a-z]+/g)
– ["this", "is", "a", "book"]
● 'my phone number is 082-313534, call me! '.match(/[0-9]+/g)
– ["082", "313534"]](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-35-320.jpg)
![所以下列兩者的結果不同
● 'this is a book'.match(/[a-z]+/g)
– ["this", "is", "a", "book"]
● 'this is a book'.match(/[a-z]+/)
– ["this", index: 0, input: "this is a book"]
● 是因為差了一個 g 參數的原因！](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-38-320.jpg)
![在正規表達式裏
● 如果常常要寫 [0-9] [a-z] [A-Za-z0-9]
這些東西的話，會把式子搞得很長很複雜
● 所以我們可以用 d 代表 [0-9]
● 或者用 w 代表 [0-9A-Za-z_]](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-39-320.jpg)
![其實你只要理解
● [0-9] 代表 0 到 9 的這些數字
● [aeiou] 代表這五個字母的集合
● [^0-9] 代表不是數字的字元集
● [^aeiou] 代表不是 aeiou 的字](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-41-320.jpg)
![然後歸納出
● [...] 代表那些括號內的字元
● [^...] 代表不要那些括號內的字元](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-42-320.jpg)
![你就可以知道
● [0-9]+ 代表數字串
● [a-zA-Z]+ 代表英文字母串
● [0-9]+-[0-9]+ 可以比對像
082-313534 這樣的電話號碼](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-44-320.jpg)
![但是如果你要更精準的
指定字元的重複次數範圍
● 就可以用
– [0-9]{2,4}-[0-9]{5,9}
● 來指定
– 區碼有 2 到 4 碼，主碼有 5 到 9 碼](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-45-320.jpg)
![當您開始熟悉上述這些東西之後
●就可以進一步記住
–[0-9] = d
–[A-Za-z0-9_] = w](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-46-320.jpg)
![還有那些特殊字元
● n : 換行 (newline, ASCII = 0x0a)
● t : 跳格 (tab)
● r : windows 中常接著 n 一起代表換行
(ASCII = 0x0c)
● s : 空白型字元 = [ fnrtv]](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-47-320.jpg)
![另外還有幾個要記的特殊符號
● . : 代表任何字母 ( 換行除外 )
● ^ : ^ 不在 [...] 裡面時，代表字串首
– 例如 /^[0-9]/ 代表字串必須以數字開頭
– 但是 /[^0-9]/ 代表不是數字
● $ : 代表字串結尾](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-48-320.jpg)
![然後記住一條規則
● X 代表不是 x 的那些字母
● 例如：
–D 代表不是 d 的所有字母
–也就是 [0-9] 以外的那些字母](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-49-320.jpg)
![然後你可以用
● $1, $2, … 取得對應的群組
● 例如： 'tel:082-313534'.match(/(d+)-(d+)/)
– 結果為 ["082-313534", "082", "313534"]
– 其中 $1 是 082, $2 是 313534
– 而 $0 代表比對到的完整字串 082-313534](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-51-320.jpg)
![像是要把字串用空白分割
就可以用 split(' ')
● 例如： 'abc def ghi'.split(' ')
– 結果為： ["abc", "def", "ghi"]](https://image.slidesharecdn.com/10minstringprocessing-170622081913/85/slide-56-320.jpg)
Uploaded by鍾誠 陳鍾誠
用十分鐘學會字串處理的那些事兒！
本文介绍了正则表达式的基本概念和使用技巧，强调其在字符串处理中的重要性。通过实例展示了如何使用正则表达式在 JavaScript 中进行字符串匹配与处理。最后提醒初学者，虽然正则表达式强大，但简单的问题有时只需基本的字符串操作即可解决。
用十分鐘學會字串處理的那些事兒！
- 1. 用十分鐘學會字串處理的那些事兒 ( 關於 RegularExpression 的那些常識與密技 ) 陳鍾誠 2017 年 6 月 22 日 程式人《十分鐘系列》程式人《十分鐘系列》 本文衍生自維基百科
- 2.
- 3.
- 4. 那麼、程式的功能 ●通常只剩下這些： –1. 讀檔 (=>字串 ) –2. 字串處理 –3. 寫檔
- 5. 這學期 ● 我有一門《系統程式》的課 ● 第一個作業是要學生們寫組譯器 ●很多學生就這樣掛了！
- 6. 組譯器 ●其實就是： –1. 讀檔 (組合語言程式 ) –2. 字串處理 ( 轉成 0 與 1) –3. 寫檔 ( 輸出機器碼 )
- 7.
- 8. 如果你看主程式 ● 會發現讀檔後用 split就可以把組合語言分割成一行一行的
- 9.
- 10.
- 11. 喔！ ●那是 Regular Expression (正規表達式 )
- 12.
- 13.
- 14.
- 15.
- 16.
- 17.
- 18.
- 19.
- 20.
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 27.
- 28.
- 29.
- 30.
- 31.
- 32. 首先選取 Chrome 瀏覽器功能表中的 《更多工具/ 開發人員工具》
- 33.
- 34. 你應該會發現 ● 只要用 [0-9]+就可以比對 《數字串》 ● 然後用 [a-z]+ 就可以比對 《小寫英文字母串》
- 35. 所以才會看到 ● 'this isa book'.match(/[a-z]+/g) – ["this", "is", "a", "book"] ● 'my phone number is 082-313534, call me! '.match(/[0-9]+/g) – ["082", "313534"]
- 36. 在 JavaScript 當中 ●只要是/…/ 括起來的那些 通常就是正規表達式。
- 37. JavaScript 的正規表達式 ● 支援一些模式參數，像是： –g : (global) 全域比對 ● 如果沒加 g 只會比對第一個 – i : (ignore case) 大小寫不區分 – m : (multiline) 多行比對
- 38. 所以下列兩者的結果不同 ● 'this isa book'.match(/[a-z]+/g) – ["this", "is", "a", "book"] ● 'this is a book'.match(/[a-z]+/) – ["this", index: 0, input: "this is a book"] ● 是因為差了一個 g 參數的原因！
- 39. 在正規表達式裏 ● 如果常常要寫 [0-9][a-z] [A-Za-z0-9] 這些東西的話，會把式子搞得很長很複雜 ● 所以我們可以用 d 代表 [0-9] ● 或者用 w 代表 [0-9A-Za-z_]
- 40.
- 41. 其實你只要理解 ● [0-9] 代表0 到 9 的這些數字 ● [aeiou] 代表這五個字母的集合 ● [^0-9] 代表不是數字的字元集 ● [^aeiou] 代表不是 aeiou 的字
- 42. 然後歸納出 ● [...] 代表那些括號內的字元 ●[^...] 代表不要那些括號內的字元
- 43. 接著理解 ●+ : 代表出現1 次以上 ●* : 代表出現 0 次以上 ●? : 代表出現 0 次或 1 次
- 44. 你就可以知道 ● [0-9]+ 代表數字串 ●[a-zA-Z]+ 代表英文字母串 ● [0-9]+-[0-9]+ 可以比對像 082-313534 這樣的電話號碼
- 45. 但是如果你要更精準的 指定字元的重複次數範圍 ● 就可以用 – [0-9]{2,4}-[0-9]{5,9} ●來指定 – 區碼有 2 到 4 碼，主碼有 5 到 9 碼
- 46.
- 47. 還有那些特殊字元 ● n :換行 (newline, ASCII = 0x0a) ● t : 跳格 (tab) ● r : windows 中常接著 n 一起代表換行 (ASCII = 0x0c) ● s : 空白型字元 = [ fnrtv]
- 48. 另外還有幾個要記的特殊符號 ● . :代表任何字母 ( 換行除外 ) ● ^ : ^ 不在 [...] 裡面時，代表字串首 – 例如 /^[0-9]/ 代表字串必須以數字開頭 – 但是 /[^0-9]/ 代表不是數字 ● $ : 代表字串結尾
- 49. 然後記住一條規則 ● X 代表不是x 的那些字母 ● 例如： –D 代表不是 d 的所有字母 –也就是 [0-9] 以外的那些字母
- 50. 接著知道 ● 括號 (...)可以括起一個群組 ● 用 (xxx)|(yyy) 代表兩者都可以比對 ● 像是 ((dog)|(cat))xxx 代表 dogxxx 或 catxxx
- 51. 然後你可以用 ● $1, $2,… 取得對應的群組 ● 例如： 'tel:082-313534'.match(/(d+)-(d+)/) – 結果為 ["082-313534", "082", "313534"] – 其中 $1 是 082, $2 是 313534 – 而 $0 代表比對到的完整字串 082-313534
- 52. 必須注意的是 ● 群組的號碼是以左括號出現次序為準的 ● 所以ab(cd)(ef(gh)) 當中 – $1 是 (cd) – $2 是 (ef(gh)) – $3 是 (gh) – $0 是全部 ab(cd)(ef(gh))
- 53. 另外當 ? 出現在*,+,{m,n} 後面時 ● 代表非貪心模式 ( 而不是 0 次或 1 次 ) ● 也就是盡可能比對最短的 ● ( 預設是貪心模式，會盡可能比對最長的 ) ● 例如 o+ 會比對到 oooooxxx 中的 ooooo ，但是 o+? 則只會比對到 o
- 54. 剩下還有一些群組組合 《正向 - 反向、肯定- 否定》 ● 算是比較進階的操作
- 55. 最後請注意 ● 正規表達式是很強力的工具 ● 但很多時候我們只需要很簡單的方式 去處理字串 ●這時候常常只需要使用 split 之類的 功能就行了！
- 56. 像是要把字串用空白分割 就可以用 split(' ') ●例如： 'abc def ghi'.split(' ') – 結果為： ["abc", "def", "ghi"]
- 57.
- 58. 除了比對函數 match 之外 ●還有replace 函數也很好用
- 59.
- 60.
- 61.
- 62.
- 63.
- 64.
- 65.
- 66.
- 67.
- 68.
- 69.
- 70.
- 71.
- 72.