JS实现中英文混合文字溢出友好截取功能

前端之家收集整理的这篇文章主要介绍了JS实现中英文混合文字溢出友好截取功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

显示字符串的时候,避免字符串过长往往会对字符串进行截取操作,通常会用到js的 substr 或者 substring方法,以及 字符串的length属性

substr() 方法可在字符串中抽取从 start 下标开始的指定数目的字符。

substring() 方法用于提取字符串中介于两个指定下标之间的字符。

对于非中文的字符串处理是很简单的,但是中文字符的 length 属性值 是1 而不是 2 ,所以处理就不是很友好了。

例如 你有一个字符串 '

abcdefg

' 和

'我爱中华人民共和国'

你只想显示五位长度,往往会这样操作 str = str.substr(0,5);

但是 'abcde '与 '我爱中华人' 所占的宽度是不同的,因为中文往往占2字节,为了显示效果更好, 特封装如下函数:

<Meta charset="UTF-8"> JS实现中英文混合<a href="https://www.jb51.cc/tag/wenzi/" target="_blank" class="keywords">文字</a>溢出友好<a href="https://www.jb51.cc/tag/jiequ/" target="_blank" class="keywords">截取</a><a href="https://www.jb51.cc/tag/gongneng/" target="_blank" class="keywords">功能</a>

 输出结果:

总结

以上所述是小编给大家介绍的JS实现中英文混合文字溢出友好截取功能。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/js/31181.html

猜你在找的JavaScript相关文章