前端问题多行点点点的问题

最新推荐文章于 2023-10-11 16:07:27 发布

weixin_34413103

最新推荐文章于 2023-10-11 16:07:27 发布

阅读量225

点赞数

CC 4.0 BY-SA版权

文章标签：前端 ViewUI

原文链接：https://segmentfault.com/a/1190000010409170

本文介绍了一种计算包含中英文及特殊字符的字符串实际显示长度的方法，并提供了一个用于根据最大允许长度对字符串进行智能截断的实用函数。通过自定义参数可适应不同场景。

        //点点点获取字符串实际长度(汉字2,英文1,点占0.7)
        function get_strlength(str) {  
            var len = 0;
            if(str.match(/[^ -~]/g) == null) {
                len = str.length;
            } else {
                len = str.length + str.match(/[^ -~]/g).length;
            }
            if (str.match(/\./g) != null){
                len -= (str.match(/\./g).length * 0.3);
            }
            return len;
        }
        
        //点点点解决代码,maxLength是多行可放的最大英文字符数
        function getDotMessage(str , maxLength) {
            maxLength += (str.slice(0,maxLength).match(/\./g) != null ? str.slice(0,maxLength).match(/\./g).length : 0)*0.3;
            var str1 = '',
                endMaxLength = Math.floor(maxLength),
                maxLen = Math.floor(maxLength);
            if (get_strlength(str) >= maxLen){
                str1 = str.slice(0);
                while (get_strlength(str1) > endMaxLength){
                    str1 = str1.substring(0 , --maxLen);
                }
                return str1 + '...' ;
            }else {
                return str ;
            }
                        
        }

可以自行调节maxLength进行适配!