如何简化该冗余的JavaScript正则表达式？

Great catch on spotting the redundancy in your original regex! Let’s break down how to streamline it further while keeping all your required matches intact.

First, let’s restate your core requirements to make sure we’re aligned: you need to match three distinct cases:

• The entire string is exactly abc
• The string ends with .abc
• The string ends with abc.def

Your first simplification—moving the $ outside the capture group to /(\.abc|^abc|abc\.def)$/i—was a solid first step, eliminating repeated end-of-string anchors. We can take this a step further to make the regex more logically structured and readable:

Optimized Regex (Non-Capturing Group) #

/^abc$|(?:\.abc|abc\.def)$/i

Why This Works Better: #

• Clearer logical separation: We split the regex into two distinct branches: one for the full-string abc match, and another for the two end-of-string patterns. This makes the intent immediately obvious to anyone reading the regex.
• Non-capturing group: Using (?:...) instead of a standard capture group avoids unnecessary memory overhead if you don’t need to extract the matched substring. If you do need to capture the match, you can swap it back to a regular capture group:

  /^abc$|(\.abc|abc\.def)$/i
  

Equivalence Check #

This simplified regex is 100% equivalent to your original version:

• It matches the full string abc (via ^abc$)
• It matches strings ending in .abc (via \.abc$)
• It matches strings ending in abc.def (via abc\.def$)

We can’t compress this much further without making the regex overly cryptic—since the three patterns share minimal overlapping structure, forcing a tighter merge would hurt readability more than it helps.

内容的提问来源于stack exchange，提问作者John Boyer