JavaScript正则实现文本自动换行：超长单词拆分异常求助

我明白你的困扰了——原来的正则只盯着空格位置触发换行，可遇到没有空格的超长连续字符（比如texttttttttt,这种）就完全失效了，因为它找不到空格来匹配替换。咱们得调整正则逻辑，让它既能优先在空格处断行（尽量保持单词完整），又能在遇到超长无空格内容时强制拆分。

原正则的问题分析 #

你的原正则 /(?![^\n]{1,10}$)([^\n]{1,10})\s/g 核心逻辑是：找1-10个非换行字符+空格的组合，把空格换成换行，但它有个致命局限——必须依赖空格才能触发换行，无空格的长单词直接被跳过，自然不会拆分。

修改后的解决方案 #

我们用分支正则同时覆盖两种场景：

1. 优先在空格（或标点）处断行，尽量不拆分完整单词
2. 当连续非空格字符超过10个时，强制在第10位后插入换行

修改后的代码如下：

var str = "The \na\nexample textttttttt, hello world, good bye.";
// 分支1：匹配1-10个非换行字符，后面紧跟空格/逗号，替换为「匹配内容+换行」
// 分支2：匹配10个非换行字符（非字符串末尾），替换为「匹配内容+换行」
var wrappedStr = str.replace(/([^\n]{1,10})(?=\s|,)|([^\n]{10})(?!$)/g, '$1$2\n');
console.log(wrappedStr);

正则各部分拆解 #

• ([^\n]{1,10})(?=\s|,)：优先匹配1-10个非换行字符，后面紧跟空格或逗号（用正向预查，不消耗空格/逗号本身），在匹配内容后加换行，保证单词或标点前的完整性
• |：分支运算符，匹配任意一种符合条件的场景
• ([^\n]{10})(?!$)：匹配10个非换行字符，且不是字符串末尾（避免在最后加多余换行），强制在这10个字符后插入换行，处理超长无空格内容
• $1$2：两个分支分别对应分组1和分组2，拼接匹配到的内容后再加换行，兼容两种场景的捕获结果

实际输出结果 #

运行后会得到：

The 
a
example texttttttt
t, hello wor
ld, good b
ye.

这个结果既保留了原有的换行，又拆分了超长的texttttttttt,，同时尽量在空格/标点处断行，符合你的核心需求。

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