最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS實現(xiàn)中英文混合文字溢出友好截取功能

 更新時間：2018年08月06日 17:05:17   作者：抖音  
這篇文章主要介紹了JS實現(xiàn)中英文混合文字溢出友好截取功能,通常會用到j(luò)s的 substr 或者 substring方法, 以及 字符串的length屬性。需要的朋友可以參考下

在顯示字符串的時候，避免字符串過長往往會對字符串進行截取操作，通常會用到j(luò)s的 substr 或者 substring方法, 以及 字符串的length屬性

substr() 方法可在字符串中抽取從 start 下標開始的指定數(shù)目的字符。

substring() 方法用于提取字符串中介于兩個指定下標之間的字符。

對于非中文的字符串處理是很簡單的，但是中文字符的 length  屬性值 是1  而不是 2 ，所以處理就不是很友好了。  

例如  你有一個字符串   'abcdefg' 和   '我愛中華人民共和國'

你只想顯示五位長度，往往會這樣操作  str = str.substr(0, 5);

但是 'abcde '與 '我愛中華人' 所占的寬度是不同的，因為中文往往占2字節(jié), 為了顯示效果更好， 特封裝如下函數(shù):

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>JS實現(xiàn)中英文混合文字溢出友好截取功能</title>
</head>
<body>
<script>
 /**
  * JS實現(xiàn)中英文混合文字溢出友好截取功能
  * @param text 字符串
  * @param length 截取長度
  */
 var zfc = {};
 zfc.mixTextOverflow = function (text, length) {
  if (text.replace(/[\u4e00-\u9fa5]/g, 'aa').length <= length) {
   return text
  } else {
   var _length = 0
   var outputText = ''
   for (var i = 0; i < text.length; i++) {
    if (/[\u4e00-\u9fa5]/.test(text[i])) {
     _length += 2
    } else {
     _length += 1
    }
    if (_length > length) {
     break
    } else {
     outputText += text[i]
    }
   }
   return outputText + '...'
  }
 }
 console.log(zfc.mixTextOverflow('留學NEW SAT essay 題目分析和匯總', 12))
</script>
</body>
</html>

　輸出結(jié)果:

總結(jié)

以上所述是小編給大家介紹的JS實現(xiàn)中英文混合文字溢出友好截取功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！

相關(guān)文章

最新評論

大埔县| 绩溪县| 定兴县| 海兴县| 施秉县| 临夏市| 樟树市| 拜泉县| 黑龙江省| 西吉县| 丹东市| 虎林市| 瑞安市| 凤台县| 娱乐| 大兴区| 凉山| 丰原市| 昌吉市| 澄城县| 乐山市| 冷水江市| 德安县| 景东| 米泉市| 龙南县| 华亭县| 西林县| 尚志市| 梓潼县| 南平市| 贡山| 青田县| 石景山区| 咸宁市| 宁晋县| 会泽县| 盘锦市| 玛多县| 龙江县| 固始县|