javascript - javascript regex split 产生太多项目

Question

我正在尝试使用逗号或空格来拆分字符串。逗号之前和/或之后可以有选择地使用空格，并且空格本身也算作分隔符。代码如下所示：

var answers= s.split(/(\s*,\s*)|\s+/);

如果s包含字符串'ab，c'，我会得到一个包含五个项目而不是预期的三个项目的列表（数组）：

0:a, 1: 未定义, 2:b, 3:,, 4:c

任何关于我做错了什么的建议将不胜感激。

菲利普

Answer 1

那是因为split也会将捕获组推送到结果数组：

如果 separator 是一个包含捕获括号的正则表达式，那么每次 separator 匹配时，捕获括号的结果（包括任何未定义的结果）都会拼接到输出数组中。

a和之间b的空格与空格匹配，因此捕获组未定义。b和之间的逗号c由组匹配，因此它成为数组的第四项。

要解决此问题，只需删除捕获组：

var answers = s.split(/\s*,\s*|\s+/);

如果你有一个更复杂的表达式需要分组，你可以像这样使它不被捕获：

var answers = s.split(/(?:\s*,\s*)|\s+/);

Answer 2

捕获组的内容被添加到结果数组中。从MDN 文档：

如果separator是包含捕获括号的正则表达式，则每次匹配分隔符时，捕获括号的结果（包括任何未定义的结果）都会拼接到输出数组中。但是，并非所有浏览器都支持此功能。

使用非捕获组：

/(?:\s*,\s*)|\s+/

Answer 3

如果您只是删除括号，它将起作用：

var s = 'a,b,c'
var answers = s.split(/\s*,\s*|\s+/);
// [ 'a', 'b', 'c' ]

Answer 4

使用正则表达式，捕获表达式(x)会记住匹配项（并可能将其返回给String.split）。您应该使用（非捕获）分组表达式(?:x)。有关更多信息，请参见例如Mozilla Docs on RegExp。