JavaScript 自动截取字符串长度并添加省略号的实现方法

作者:代码拾荒

时间:2026-10-21

浏览:558

本文介绍了一种在 JavaScript 中根据指定长度截取字符串并在末尾追加省略号的方法。该函数通过判断字符编码区分中英文,确保截取后的字节长度符合预期,适用于网页内容展示中固定长度显示且超长部分用省略号替代的场景。

文章目录

JavaScript 字符串截取与省略号实现

在网页内容展示中,经常需要将长文本限制在固定长度,超出部分用省略号代替。下面介绍一个 JavaScript 字符串处理函数,它根据定义的长度截取字符串,超出部分裁掉并追加省略号。该方法用于处理字符串显示固定长度,超长部分用省略号代替:


/**参数说明: 

 * 根据长度截取先使用字符串,超长部分追加… 

 * str 对象字符串 

 * len 目标字节长度 

 * 返回值: 处理结果字符串 

 */ 

 function cutString(str, len) { 

   //length属性读出来的汉字长度为1 

   if(str.length*2 <= len) { 

     return str; 

   } 

   var strlen = 0; 

   var s = ""; 

   for(var i = 0;i < str.length; i++) { 

     s = s + str.charAt(i); 

     if (str.charCodeAt(i) > 128) { 

       strlen = strlen + 2; 

       if(strlen >= len){ 

         return s.substring(0,s.length-1) + "..."; 

       } 

     } else { 

       strlen = strlen + 1; 

       if(strlen >= len){ 

         return s.substring(0,s.length-2) + "..."; 

       } 

     } 

   } 

   return s; 

 } 

以上这篇 JavaScript 自动截取字符串长度、添加省略号的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持本站。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章