前端判断字符是单字节还是双字节

最新推荐文章于 2025-06-13 17:27:16 发布

原创最新推荐文章于 2025-06-13 17:27:16 发布 · 351 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#react.js #前端 #reactjs

本文介绍了一种在前端实现特定字节长度字符串显示的方法。通过遍历字符串并根据字符编码大小进行字节计数，当达到指定长度时，剩余部分用省略号代替。

后端返回一个字符串，产品希望前端展示18个字节长度的字符串，超出部分用省略号替代。刚刚开始没有想到特别好的判断，后面对比了下网上的资料，最后封装了一个简陋的方法。

        handleSizeLength = (source, byteLength) => {
            if (typeof source !== 'string') return;
            let limt = 0;
            let str = '';
            if (source.length * 2 <= byteLength) {
            return source
        }
        for (let i = 0; i < source.length; i++) {
            if (source.charCodeAt(i) > 255) {
                limt += 2;
                if (limt <= byteLength) {
                    str += source[i];
                }
            } else {
                limt++;
                if (limt <= byteLength) {
                    str += source[i]
                }
            }
        }
        if (limt <= byteLength) {
            return str
        }
        return `${str}...`
        }

这样就可以做到简单的替换了。