Utilo

正则可视化

把正则表达式画成铁路图,逐段用自然语言解释含义,测试匹配结果,并一键复制 JavaScript、Python、Go、Java、C#、PHP、Rust 代码。

这个regex可视化器的功能

常规表达式对于大多数人来说都是写的:易于打字,一周后难以阅读。这项工具将你的模式解析成语法树,。一个铁路图绘制了一个可以从左到右沿线的轨道,。一个简单的语言解释通过每个符号 ("一个或多个数字","命名的组年","不由后面")。在JavaScript,Python,Go,Java,C#,PHP和Rust中,。一个实时测试字符串在您输入时突出匹配。

使用方法

  1. 键入或粘贴一个模式。您可以添加斜和旗,例如/^\d{4}-\d{2}$/gm,或者单独输入旗。
  2. 按照铁路图表来查看整体的图案。
  3. 阅读解释列表,了解一个标志的详细描述。
  4. 输入一个测试字符串,查看什么是匹配的,
  5. 复制一段现成的片段。

阅读铁路图

  • 圆形框是字面文字;方形框是字符类型,如数字或az中的一个。
  • 一条分成并行轨道的路径是交替 (a|b)。
  • 一个圈子在盒子下方意味着"重复";一个圈子绕过盒子意味着"可选"。
  • 划线框是组;捕获组是编号的,命名组显示他们的名字。
  • 搜索圈被绘制成标记的,因为它们检查文本而不消耗它。

提示

  • 为了速度和清晰度,更喜欢\d和字符类,而不是长时间的交替。
  • 惰量化器 (*?,+?) 在解释中显示"尽可能少"。
  • 在移植模式时,请记住,Go的RE2引擎不支持转换或反向引用;当你的模式使用它们时,Go片段会警告你。
  • 在正常的字符串字母体中使用反斜,或者像片段一样使用原始字符串 (Python中的r"...",Go中的Backticks)。

常见问题

哪种调味料使用?

解析器和匹配器使用JavaScript (ECMAScript 2024) 语法,包括命名组,lookbehind和Unicode属性逃离与u旗。

这与测试器有什么不同?

测试器专注于匹配和替换文本。视觉化器专注于理解和记录模式。

我可以保存图表吗?

图表是一个SVG;右键点击它保存或复制图像。

我的图案或文字是否会离开浏览器?

没有。解析,绘制和匹配都发生在本地。

安全。所有处理都通过 JavaScript、Web Worker 和浏览器 API 在本地完成,你输入、粘贴或上传的任何内容都不会发送到我们的服务器。

本页内容由英文自动翻译而来,如发现错误,欢迎告诉我们。