JavaScript 自动截取字符串长度并添加省略号的实现方法
作者:代码拾荒时间:2026-10-21 23:12:18浏览:557
本文介绍了一种在 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 自动截取字符串长度、添加省略号的实现方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持本站。
作者最新文章
JavaScript异步发送HTTP请求时怎么优雅地处理错误
2026-11-05 17:10:44
5款主流JS在线运行工具对比:CodePen、JSFiddle与StackBlitz怎么选
2026-11-05 17:04:04
JavaScript入门书籍避坑:这些书不适合初学者
2026-11-05 16:31:15
JS使用Math.round实现保留两位小数的原理与代码
2026-11-05 15:35:55
JavaScript 原生 Date 对象怎么实现日期加减
2026-11-05 14:30:00
