如何使用正则表达式匹配指定JavaScript文件名？

先拆解你的目标文件名结构：

• 固定名称：index.js
• 动态参数名：[id].js（方括号包裹单个标识符）
• 剩余参数：[...params].js（方括号包裹...+标识符）

你的原正则[a-z[]*.tsx存在几个问题：

1. 后缀写错了，目标是.js但你写的.tsx
2. 字符集[a-z[]只包含小写字母和左方括号，没覆盖]、.、下划线等必要字符
3. 没有匹配完整的文件名结构，比如方括号的闭合、内部的参数格式

正确的正则表达式 #

^(index|\[(?:\.\.\.)?[a-z]+\])\.js$

正则各部分解释 #

• ^：匹配字符串开头，避免匹配文件名的片段部分
• (index|\[(?:\.\.\.)?[a-z]+\])：分组匹配两种核心格式
  • index：直接匹配固定名称index
  • \[(?:\.\.\.)?[a-z]+\]：匹配方括号包裹的动态参数
    • \[：转义左方括号（方括号在正则中是特殊字符，需转义才能匹配字面量）
    • (?:\.\.\.)?：可选的三个点（(?:...)是非捕获组，仅用于逻辑分组，不会生成额外捕获结果）
    • [a-z]+：匹配至少一个小写字母（如果需要支持下划线或数字，可修改为[a-z0-9_]+）
    • \]：转义右方括号
• \.js：匹配后缀.js（点号在正则中是任意字符，需转义匹配字面量）
• $：匹配字符串结尾，确保整个文件名完全匹配

测试验证 #

这个正则可以精准匹配：

• index.js
• [id].js
• [...params].js

如果需要支持大写字母，把[a-z]改成[a-zA-Z]即可。

内容的提问来源于stack exchange，提问作者zain ul din