JavaScript如何实现按指定字符数换行且不切断单词？

你之前用的replace(/.{40}/g, '$&\n')逻辑是无差别匹配任意40个字符就插入换行，完全不识别单词边界，必然会出现单词被截断的问题。

方案1：正则快速实现 #

适合文本格式规范、无超长单词的纯英文场景，代码简洁：

/**
 * 按指定长度换行，不切断单词
 * @param {string} text 原始文本
 * @param {number} maxLineLen 每行最大字符数，默认40
 * @returns {string} 换行后的文本
 */
function wrapText(text, maxLineLen = 40) {
  const wrapReg = new RegExp(`\\b.{1,${maxLineLen}}\\b`, 'g');
  return text
    .replace(/\s+/g, ' ') // 先把连续空白替换成单个空格，避免多余空格占长度
    .match(wrapReg)
    ?.map(line => line.trim())
    .join('\n') || text;
}

这个正则的逻辑是匹配从单词边界开始、长度1到maxLineLen、到下一个单词边界结束的内容，自然不会从单词中间截断。

方案2：逐词遍历实现（推荐） #

灵活度更高，可以覆盖超长单词、多空格、中英文混排等复杂场景，逻辑可控方便调整：

/**
 * 按指定长度换行，不切断单词
 * @param {string} text 原始文本
 * @param {number} maxLineLen 每行最大字符数，默认40
 * @param {boolean} breakLongWord 是否强制拆分长度超过阈值的超长单词，默认false
 * @returns {string} 换行后的文本
 */
function wrapText(text, maxLineLen = 40, breakLongWord = false) {
  // 先预处理文本，把连续空白、换行都替换成单个空格
  const cleanText = text.replace(/\s+/g, ' ').trim();
  if (cleanText.length <= maxLineLen) return cleanText;

  const words = cleanText.split(' ');
  const lines = [];
  let currentLine = '';

  for (const word of words) {
    // 处理单个单词长度超过阈值的场景
    if (word.length > maxLineLen) {
      if (currentLine) {
        lines.push(currentLine);
        currentLine = '';
      }
      if (breakLongWord) {
        // 按长度拆分超长单词
        for (let i = 0; i < word.length; i += maxLineLen) {
          lines.push(word.slice(i, i + maxLineLen));
        }
      } else {
        // 不拆分超长单词，单独占一行
        lines.push(word);
      }
      continue;
    }

    // 拼接后长度判断
    const testLine = currentLine ? `${currentLine} ${word}` : word;
    if (testLine.length > maxLineLen) {
      lines.push(currentLine);
      currentLine = word;
    } else {
      currentLine = testLine;
    }
  }

  // 补上最后一行内容
  if (currentLine) lines.push(currentLine);
  return lines.join('\n');
}

• 如果要支持中英文混排场景，可以在逐词逻辑里增加中文字符判断：中文字符不需要等空格边界，按单字计算长度即可，符合中文排版习惯。
• 调用前建议先预处理文本里的多余空白、制表符、原有无效换行，避免这些字符占用长度配额导致实际行长度不符合预期。

简单场景直接用正则方案即可，复杂业务场景优先选逐词遍历方案，方便后续扩展自定义规则。

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