JavaScript：按空格分割字符串并保留元素后空格的正则优化

问题分析 #

你当前的实现用split(/(\w+\s)/)存在两个问题：

• \w仅匹配字母、数字和下划线，无法处理包含特殊字符的元素（比如'This! is'会分割错误）
• 分割后会产生空字符串，需要额外用filter清理

下面提供两种更优的实现方式，无需额外清理步骤，同时支持包含特殊字符的输入：

方案1：使用match直接匹配目标元素 #

利用正则匹配所有「内容+空格」的片段，以及最后一段无空格的内容：

const text = 'This is a string';
const words = text.match(/.*?\s+|.+/g);
console.log(words); // 输出：['This ', 'is ', 'a ', 'string']

正则解释：

• .*?\s+：非贪婪匹配任意字符（支持特殊字符），直到遇到一个或多个空格，保留这些空格在元素中
• .+：匹配最后一段没有空格的内容
• g：全局匹配所有符合条件的片段

测试特殊字符输入：

const textWithSpecialChars = 'This! is@ a# string$';
const words = textWithSpecialChars.match(/.*?\s+|.+/g);
console.log(words); // 输出：['This! ', 'is@ ', 'a# ', 'string$']

方案2：使用改进的split正则（正向后顾断言） #

通过正向后顾断言匹配「空格后的位置」进行分割，直接得到目标数组：

const text = 'This is a string';
const words = text.split(/(?<=\s)/);
console.log(words); // 输出：['This ', 'is ', 'a ', 'string']

正则解释：

• (?<=\s)：正向后顾断言，匹配前面是单个空格的位置，分割后空格会被保留在前面的元素中

如果输入包含多个连续空格，该方案也会保留所有空格：

const textWithMultiSpaces = 'This  is   a string';
const words = textWithMultiSpaces.split(/(?<=\s)/);
console.log(words); // 输出：['This  ', 'is   ', 'a ', 'string']

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