初探正則表達式

作者: Calpa Liu
字數:871
出版日期:May 6, 2017
更新日期:December 7, 2023
分類: #前端開發

正則表達式是一個非常簡單的語法,但它也是神兵利器,可以說是程序員必須要理解的工具之一。它就像一本會不斷成長的寶刀,隨著程序員對它的理解,它的威力也跟著增強。

一些當下熱門的編輯器 (Atom, Sublime) 或者 IDE (WebStorm) 都支持正則表達式尋找。如果你有瞭解過 JavaScript 中的方法 (exec, test, match, search, replace, split) 的話,做下面的題目時會更加得心應手。

任務目的

  1. 掌握正則表達式編寫規則
  2. 瞭解正則表達式的特殊字元
  3. 瞭解 JavaScript 提供的正則表達式相關方法
  4. 能用正則表達式做一些簡單文本或者數字校驗

任務描述

  1. 編寫一個匹配 URL 的正則表達式,測試用例參照但不限於:
https://calpa.me/introduction-to-regular-expression
https://google.com
https://github.com/leviding/T-Plan/blob/master/tasks/task0005/README.md
http://blog.csdn.net/
  1. 編寫一個驗證電子郵箱地址的正則表達式,測試用例參照但不限於:
[email protected]
[email protected]

完成任務之後,可以對比別人的實現方案,但不建議未嘗試就直接搜索答案。 在正則表達式的世界中,一個問題往往不止一種方案,可以嘗試多種方法。

提示

你可以想利用一些工具,例如在線的正則表達式工具 (RegExr, Regex101) 來幫助學習、編寫正則表達式。

參考資料

  1. MDN Regular Expressions: 瞭解 JavaScript 中正則表達式的基本知識
感謝您閱讀我的文章。歡迎隨時分享你的想法。
關於 Calpa

Calpa 擅長使用 TypeScript、React.js 和 Vue.js 開發Responsive Web Design網站。

此外,Calpa 積極參與香港和台灣的開源社區,曾在2019年的香港開源大會上擔任講者,提供工作經驗和見解。此外,他也在 GitHub 上公開分享個人博客程式碼,已獲得超過300顆星星和60個分支的支持。

更多前端開發技術文章:傳送門