如何拆分textarea字符串并将换行符作为独立元素保留在数组中

核心原因 #

String.split() 方法默认会将匹配到的分隔符从结果数组中移除，你之前的正则将\n和空格直接作为分隔符匹配，因此这些字符会被直接丢弃，仅留下被分隔的文本片段。你用到的正向先行断言属于零宽匹配，仅匹配位置不捕获内容，无法解决分隔符被移除的问题。

可行实现方案 #

这里提供两种常用实现方式，都可以直接得到你期望的结果：

方案1：使用带捕获组的split #

当split传入的正则包含捕获组时，所有被捕获的分隔符会被插入到结果数组的对应位置：

let bodyText = "Test\nNewline here"
// 捕获组匹配的\n会保留，空格作为普通分隔符被移除，filter过滤掉连续分隔符产生的空字符串
let bodyTextArray = bodyText.split(/(\n)| /g).filter(Boolean)

方案2：使用match直接匹配目标片段 #

直接通过正则匹配你需要的两类片段：连续非空格/换行的文本、单独的换行符，不需要额外处理分隔符逻辑：

let bodyText = "Test\nNewline here"
// 匹配非空格换行的连续字符 或 单独的换行符
let bodyTextArray = bodyText.match(/[^\s\n]+|\n/g) || []

两种方案运行后都能得到["Test", "\n", "Newline", "here"]的结果，如果原始字符串中存在多个连续换行，每个换行符都会作为单独元素保留在数组中。

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