如何用单行正则按首个=或==拆分键值对字符串？

嘿，这个需求其实用一行代码就能轻松解决！直接用带限制次数的split方法搭配简洁的正则就可以：

const [key, value] = str.split(/==?/, 2);

为什么这个写法能满足所有需求？ #

• 正则==?的含义：匹配单个=或者连续两个=（?表示前面的=是可选的，正则会优先匹配==，如果没有则匹配单个=）
• 第二个参数2的作用：限制拆分次数为1次，这样第一个出现的=或==会作为唯一的分隔符，后面的所有内容都会完整保留在value里

验证所有测试用例 #

我们来逐个验证你给出的输入：

• 输入'key=value' → 结果：key='key'，value='value' ✔️
• 输入'key==value' → 结果：key='key'，value='value' ✔️
• 输入'key=value1=value2=value3' → 结果：key='key'，value='value1=value2=value3' ✔️
• 输入'key==value1=value2' → 结果：key='key'，value='value1=value2' ✔️

你之前写法的问题分析 #

你尝试的正则里犯了两个常见错误：

1. 不必要的捕获组：JavaScript的split方法如果正则包含捕获组，会把捕获的内容也插入到结果数组中，这就导致你得到了undefined或者多余的项
2. 逻辑错误的正则：比如/==|=(.+)/这种写法，会把=后面的所有内容都作为捕获组，而不是只把分隔符拆分出来，导致拆分逻辑完全偏离预期

备选方案：用match实现 #

如果你更习惯用match来提取内容，也可以用这行代码：

const [_, key, value] = str.match(/^([^=]+)(?:==|=)(.*)$/) || [];

• ^([^=]+)：匹配开头所有非=的字符，作为键
• (?:==|=)：非捕获组，匹配分隔符（不会被加入结果数组）
• (.*)：匹配分隔符后面的所有内容，作为值
• || []：防止字符串不符合键值对格式时，match返回null导致解构报错

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