如何使用 String.prototype.split 结合正则表达式进行保留分隔符的字符串分割

在JavaScript字符串处理中，split()方法默认会丢弃分隔符，但通过正则表达式的捕获组特性，我们能够巧妙保留这些关键分隔符。

核心原理：捕获组触发分隔符保留

JavaScript的split()方法在遇到包含捕获组的正则表达式时，会将匹配到的分隔符作为独立元素插入结果数组。关键在于使用圆括号()创建捕获组，这样每个被捕获的分隔符都会紧跟在对应的分割片段之后。

1. "a,b;c".split(/[,;]/) → ["a", "b", "c"]（分隔符丢失）
2. "a,b;c".split(/([,;])/) → ["a", ",", "b", ";", "c"]（分隔符保留）

处理多个分隔符或复杂模式

该技巧适用于各种复杂场景，包括多个捕获组、嵌套模式或量词。需要注意的是，只有捕获组才会保留内容，非捕获组(?:...)仅用于分组逻辑。

1. 匹配空格或等号："key = value".split(/(s+|=)/) → ["key", " = ", "value"]
2. 处理简单HTML标签："abcdefghi".split(/()/) → ["abc", "", "def", "", "ghi"]

过滤空字符串与清理结果

当分隔符出现在字符串首尾或连续出现时，结果中可能出现空字符串。可以通过后续处理来优化结果：

1. "|a|b|".split(/(|)/) → ["", "|", "a", "|", "b", "|", ""]
2. "|a|b|".split(/(|)/).filter(Boolean) → ["|", "a", "|", "b", "|"]
3. 对于需要保持"内容-分隔符"对应关系的场景，建议使用reduce或循环重组

替代方案：手动 match 更可控

在处理更复杂的分割逻辑时，使用match()方法可能比split()更直观可控：

1. "a,b;c".match(/[^,;]+|[,;]/g) → ["a", ",", "b", ";", "c"]
2. 该正则表达式表示：匹配一个或多个非分隔符字符，或匹配单个分隔符字符
3. 优势在于逻辑外显，便于调试和扩展，不依赖split()的隐式行为

通过灵活运用正则表达式捕获组和不同字符串处理方法，开发者可以精确控制分割结果，满足各种复杂的字符串处理需求。