🚂正则可视化

怎么用正则可视化

1. 把 JavaScript 正则粘贴到两条斜杠之间，或者直接点一个示例，看看真实正则长什么样。
2. 从左往右读这张铁路图：方框是必须匹配的内容，纵向堆叠的分支表示“任选其一”，方框下方的回环箭头表示“重复”。
3. 导出 SVG 放进文档或 PR，或者导出 PNG 发到幻灯片、聊天里。

常见问题

铁路图怎么看？

沿着线从绿色起点走到红色终点，路上经过的每个方框都必须按顺序匹配。线分叉成上下几行时，走任意一行都行，这就是 | 分支。从方框下方绕回去的线表示重复，旁边的标签写明重复次数；从上方越过方框的线表示这段可有可无。

支持哪些语法？

ECMAScript 正则：字面量、字符类、.、转义、锚点、分组（捕获组、命名组、非捕获组）、分支、各种量词（含懒惰量词）、反向引用、先行与后行断言，以及 \p{…} Unicode 属性。v 标志新增的集合运算语法可能会整体画成一个方框，不再展开。

正则会被上传吗？

不会。解析和绘图都在浏览器里完成，SVG / PNG 也是本地生成的，正则内容不会离开这个页面。