TypeScript中如何实现按字符限制换行且保留完整单词？

你的问题出在直接按固定步长截取字符串，没有考虑单词的边界。可以通过寻找字符限制范围内的最后一个空格来实现完整单词换行，以下是具体逻辑和代码：

核心思路 #

1. 从当前起始位置开始，先计算初步的结束位置（当前索引 + 最大字符数）
2. 如果初步结束位置没到文本末尾，就从该位置往前找最近的空格，以此作为真正的换行点（保证单词完整）
3. 如果范围内没有空格（比如超长单词），就直接用初步结束位置，避免程序卡住
4. 截取并输出当前行，然后更新起始位置到换行点的下一位，重复循环直到处理完所有文本

代码实现 #

const maxCharPerLine = 10;
const inputText = "Sample text to print 10 characters each line";

let currentIndex = 0;
while (currentIndex < inputText.length) {
  let endIndex = currentIndex + maxCharPerLine;
  
  // 未到文本末尾时，寻找范围内最后一个空格
  if (endIndex < inputText.length) {
    endIndex = inputText.lastIndexOf(' ', endIndex);
    // 处理无空格的长单词场景
    if (endIndex === -1) {
      endIndex = currentIndex + maxCharPerLine;
    }
  }
  
  // 截取并去除首尾空格后输出
  console.log(inputText.substring(currentIndex, endIndex).trim());
  currentIndex = endIndex + 1;
}

输出结果 #

Sample
text to
print 10
characters
each line

补充说明 #

• 使用trim()是为了避免换行后出现开头或结尾的空字符，让输出更整洁
• 加入长单词处理逻辑后，即使遇到超过字符限制的单词（比如supercalifragilisticexpialidocious），也会正常截取到最大字符数，不会陷入死循环

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