JS较长字符串处理中间显示三点

最新推荐文章于 2024-08-11 18:40:36 发布

の信仰

最新推荐文章于 2024-08-11 18:40:36 发布

阅读量196

点赞数

文章标签： javascript 前端经验分享 vue.js

本文链接：https://blog.csdn.net/qq_45260597/article/details/134382128

版权

本文介绍了如何使用JavaScript中的truncateString函数实现字符串自动截断，当输入字符串长度超过指定值（如12个字符）时，保留中间部分并添加省略号。此技术在内容展示、UI设计中常见，用于控制文本长度以提高可读性。

摘要由CSDN通过智能技术生成

 truncateString(str, maxLength) {
      if (str.length <= maxLength) {
        return str; // 字符串长度小于等于 maxLength，无需截断，直接返回原字符串
      }

      const mid = Math.floor((maxLength - 3)); // 计算中间部分的长度，-3 是为了腾出给省略号的位置
      const start = str.slice(0, mid - 3); // 获取前半部分
      const end = str.slice(-mid - 3); // 获取后半部分

      return start + '...' + end; // 使用省略号连接前半部分和后半部分
    },