JavaScript Truncate String Full Word

介绍

在JavaScript中截取字符串时，通常我们希望在完整单词的边界处进行截断，以避免将单词分开或在单词内部截断。本文将介绍如何使用JavaScript实现截断字符串的功能，并确保截断位置在完整单词的边界。

实现

下面的JavaScript代码演示了如何截断字符串并确保截断位置在完整单词的边界处：

function truncateString(str, maxLength) {
  // 检查要截断的字符串是否小于或等于最大长度
  if (str.length <= maxLength) {
    return str;
  }

  // 将字符串截断为最大长度的子字符串
  let truncatedStr = str.slice(0, maxLength);

  // 检查截断位置是否位于完整单词的边界处
  if (/\s/.test(str[maxLength])) {
    return `${truncatedStr.trim()}...`;
  }

  // 查找最后一个完整单词的边界位置
  let lastSpaceIndex = truncatedStr.lastIndexOf(' ');
  if (lastSpaceIndex !== -1) {
    truncatedStr = truncatedStr.slice(0, lastSpaceIndex);
  }

  return `${truncatedStr.trim()}...`;
}

// 示例用法
const text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit.";
const maxLength = 20;
const truncatedText = truncateString(text, maxLength);
console.log(truncatedText); // 输出: "Lorem ipsum dolor..."

上述代码中的truncateString函数接受两个参数：要截断的字符串和最大长度。如果要截断的字符串长度小于或等于最大长度，则直接返回原始字符串。否则，将字符串截断为最大长度的子字符串，并检查截断位置是否位于完整单词的边界处。如果是，则在截断位置后附加省略号；否则，在最后一个完整单词的边界处截断，并附加省略号。

总结

在JavaScript中截断字符串时，确保截断位置位于完整单词的边界是一个常见需求。通过使用正则表达式和字符串方法，我们可以实现这个功能，并确保截断的字符串在保持完整单词的同时不超过指定的最大长度。以上代码为实现该功能的示例代码，你可以根据需求进行修改和扩展。