如何使用JavaScript正则分割含空格、逗号及括号的字符串？

其实不用死磕split()方法，换个思路用match()配合正则会更直接——毕竟我们的目标是把所有需要的元素（单词、括号、逗号、空格）都保留下来并拆成独立项，而split是基于分隔符丢弃内容，反而绕弯路。

核心思路 #

直接用正则匹配所有我们想要保留的元素，然后通过全局匹配（g修饰符）把它们一次性提取成数组。需要匹配的元素类型分三类：

• 单词：根据你的需求定义，比如常规字母数字下划线，或者包含特殊字符的广义单词
• 单个符号：(、)、,
• 空格：可以是连续空格作为一项，也可以单个空格分开（看你具体需求）

具体实现示例 #

1. 基础版（匹配常规单词、连续空格）

如果你的单词是常规的字母/数字/下划线，用这个正则就足够：

const inputStr = "Hello (world, foo bar)";
const splitRegex = /\w+|[(),]|\s+/g;
const result = inputStr.match(splitRegex);

console.log(result);
// 输出：["Hello", " ", "(", "world", ",", " ", "foo", " ", "bar", ")"]

正则解释：

• \w+：匹配连续的单词字符（等价于[A-Za-z0-9_]+）
• [(),]：匹配单个的括号或逗号
• \s+：匹配连续的空白字符（空格、制表符等，作为一个独立项）
• g：全局匹配，捕获所有符合条件的元素

2. 支持单个空格拆分

如果需要把连续空格拆成一个个单独的空格字符串，把\s+改成\s即可：

const splitRegexSingleSpace = /\w+|[(),]|\s/g;
const inputWithMultiSpace = "Hello   (test, demo)";
console.log(inputWithMultiSpace.match(splitRegexSingleSpace));
// 输出：["Hello", " ", " ", " ", "(", "test", ",", " ", "demo", ")"]

3. 广义单词（包含特殊字符）

如果你的单词可能包含连字符、点号等（比如hello-world、foo.bar），可以把单词部分改成匹配除空格、括号、逗号外的所有连续字符：

const splitRegexGeneral = /[^\s(),]+|[(),]|\s+/g;
const inputWithSpecialWord = "Hello-world (foo.bar, test_123)";
console.log(inputWithSpecialWord.match(splitRegexGeneral));
// 输出：["Hello-world", " ", "(", "foo.bar", ",", " ", "test_123", ")"]

4. 支持Unicode单词（比如中文、带重音的外语）

如果需要匹配非ASCII的单词（比如法语café、中文你好），可以用ES2018+支持的Unicode属性类正则：

const splitRegexUnicode = /[\p{L}\p{N}_]+|[(),]|\s+/gu;
const inputUnicode = "你好 (café, 123_test)";
console.log(inputUnicode.match(splitRegexUnicode));
// 输出：["你好", " ", "(", "café", ",", " ", "123_test", ")"]

这里\p{L}匹配任意Unicode字母，\p{N}匹配任意Unicode数字，u修饰符开启Unicode模式。

为什么不用split？ #

因为split的逻辑是“找分隔符，把分隔符两边的内容拆成数组”，但我们需要把分隔符（括号、逗号、空格）也保留下来，这时候用split需要做很多额外处理（比如捕获分隔符），反而不如直接用match捕获所有目标元素来得清晰。

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