如何修改JS中的substring逻辑，使截断时保留完整的末尾单词？

这个场景太常见了！直接按固定长度截断确实会把单词硬生生劈成两半，很影响阅读体验。咱们来改造一下你的代码：

问题分析 #

你的原代码直接用name.substring(0, 50)截取前50个字符，完全不考虑这50个字符的末尾是不是在单词中间，所以才会出现切断单词的情况。

改进后的代码 #

showName(name) {
  // 如果长度不超过50，直接返回原字符串
  if (name.length <= 50) {
    return name;
  }

  // 先截取前50个字符作为基础
  const initialTruncated = name.substring(0, 50);
  // 找到这部分内容里最后一个空格的位置
  const lastSpacePos = initialTruncated.lastIndexOf(' ');

  // 如果找到空格，就截断到空格的位置（保证最后是完整单词）；没找到的话就用初始截断的内容
  const finalTruncated = lastSpacePos !== -1 ? initialTruncated.substring(0, lastSpacePos) : initialTruncated;

  // 加上省略号返回
  return finalTruncated + '...';
}

逻辑说明 #

1. 先判断原字符串长度，如果≤50，直接返回，不需要处理；
2. 超过50的话，先拿到前50个字符的内容；
3. 在这50个字符里找最后一个空格的位置——这个位置就是最后一个完整单词的结束点；
4. 如果存在空格，就截断到这个空格的位置，确保末尾是完整单词；如果没有空格（比如全是连续无空格的字符），那就还是用前50个字符，避免出现异常；
5. 最后统一加上省略号，保持原代码的逻辑。

额外补充 #

如果你的场景里单词分隔符不是空格（比如用连字符-），只需要把lastIndexOf(' ')改成对应的分隔符就行，逻辑是一样的～

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