三款可视化工具，帮你学会 JS 正则表达式

原文地址：推荐三款正则可视化工具

最近老王对可视化非常着迷。

例如，算法可视化、正则可视化、Vue 数据劫持可视化…

程序的运行过程是看不见摸不着的，如果能够全部实现可视化，那么理解难度将会大幅度减小。

三款 JS 正则可视化工具

• https://jex.im/regulex
• https://regexper.com (网络需自由)
  • https://aoxiaoqiang.github.io/reg （替代工具）
• https://www.debuggex.com

常见正则表达式

以下图片由https://jex.im/regulex生成

邮箱

只允许英文字母、数字、下划线、英文句号、以及中划线组成

^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$

电话

手机号码

13012345678 手机号码

^1(3|4|5|6|7|8|9)\d{9}$

固定电话

XXX-XXXXXXX XXXX-XXXXXXXX 固定电话

(\(\d{3,4}\)|\d{3,4}-|\s)?\d{8}