JavaScript正则分割字符串：解决空字符串与纯空格返回非空数组问题

你遇到的这个问题确实很常见——用split(/[\s,]+/)处理空字符串或纯空白/逗号字符串时，会返回包含空字符串的数组，而不是期望的空数组。这里有两个简洁的解决思路：

方案一：Split后过滤空值 #

先按原正则分割，再用filter(Boolean)过滤掉所有空字符串（因为空字符串在布尔判断中是false）：

const splitWithSeparator = (str) => {
  return str.split(/[\s,]+/).filter(Boolean);
};

测试验证： #

• 输入'' → 分割得到['']，过滤后返回[]
• 输入' ' → 分割得到['', '']，过滤后返回[]
• 输入'hello , world , hi yes' → 分割+过滤后返回['hello', 'world', 'hi', 'yes']
• 输入',hello,, world,' → 分割后得到['', 'hello', 'world', '']，过滤后返回['hello', 'world']

方案二：直接匹配目标字符序列 #

换个思路，不用分割，而是直接匹配所有非分隔符的连续字符，这样从根源上避免空字符串：

const splitWithSeparator = (str) => {
  return str.match(/[^,\s]+/g) || [];
};

原理说明： #

• 正则[^,\s]+表示“匹配一个或多个不是逗号、空白的字符”
• match()会返回所有匹配到的结果数组；如果没有匹配（空字符串/纯分隔符），match()返回null，用|| []把它转成空数组

测试验证： #

• 输入'' → match()返回null → 最终返回[]
• 输入' ' → match()返回null → 最终返回[]
• 输入'hello , world , hi yes' → 返回['hello', 'world', 'hi', 'yes']
• 输入',hello,, world,' → 返回['hello', 'world']

两种方案都能完美满足你的需求，选哪个看个人习惯——方案一更贴近你原来的写法，方案二更直接高效。

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