企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>Javascript学习>正文

处理文字溢出,带省略号和不带省略号

2025-05-30 09:13:29 浏览 415

1、带省略号

//处理文字 溢出
smartTruncate_old(name,len) {
 // 处理带有分隔符的情况 例如:阿凡提·买买提
 //const maxChars = 3;
 let separators = ['·', '-', ' '];
 
 // 判断是否需要优先保留分隔符前的部分
 for (let sep of separators) {
   if (name.includes(sep)) {
     let parts = name.split(sep);
     return parts[0].length >= len
       ? parts[0].substr(0, len) + '...'
       : parts[0] + sep + parts[1].substr(0, len - parts[0].length) + '...';
   }
 }
 
 return name.length > len ? name.substr(0, len) + '...' : name;
}

2、不带省略号

smartTruncate(name,len) {
 // 处理带有分隔符的情况 例如:阿凡提·买买提
 //const maxChars = 3;
 let separators = ['·', '-', ' '];
 
 // 判断是否需要优先保留分隔符前的部分
 for (let sep of separators) {
   if (name.includes(sep)) {
     let parts = name.split(sep);
     return parts[0].length >= len
       ? parts[0].substr(0, len)
       : parts[0] + sep + parts[1].substr(0, len - parts[0].length);
   }
 }
 
 return name.length > len ? name.substr(0, len): name;
}


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音