欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS實(shí)現(xiàn)含有中文字符串的友好截取功能分析

 更新時(shí)間：2017年03月13日 10:09:00   作者：繼續(xù)去踢波  
這篇文章主要介紹了JS實(shí)現(xiàn)含有中文字符串的友好截取功能,結(jié)合實(shí)例形式分析了JS針對(duì)含有中文的字符串截取操作相關(guān)原理與實(shí)現(xiàn)技巧,需要的朋友可以參考下

本文實(shí)例講述了JS實(shí)現(xiàn)含有中文字符串的友好截取功能。分享給大家供大家參考，具體如下：

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

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

例如  你有一個(gè)字符串  1234567890   和  一二三四五六七八九零，

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

但是 12345  與 一二三四五 所占的寬度是不同的，因?yàn)橹形耐?字節(jié), 為了顯示效果更好，

故封裝下面的js， 他會(huì)辨別中文字符的 length 為2

$.String.Substr = function (str, n) {//字符串截取 包含對(duì)中文處理
  if (str.replace(/[\u4e00-\u9fa5]/g, "**").length <= n) {
    return str;
  }
  else {
    var len = 0;
    var tmpStr = "";
    for (var i = 0; i < str.length; i++) {//遍歷字符串
      if (/[\u4e00-\u9fa5]/.test(str[i])) {//中文 長(zhǎng)度為兩字節(jié)
        len += 2;
      }
      else {
        len += 1;
      }
      if (len > n) {
        break;
      }
      else {
        tmpStr += str[i];
      }
    }
    return tmpStr + " ...";
  }
};

PS：這里再為大家推薦2款在線字符統(tǒng)計(jì)工具，都包含對(duì)中英文及符號(hào)的計(jì)算功能，相信對(duì)大家有一定參考借鑒價(jià)值：

在線字?jǐn)?shù)統(tǒng)計(jì)工具：
http://tools.jb51.net/code/zishutongji

在線字符統(tǒng)計(jì)與編輯工具：
http://tools.jb51.net/code/char_tongji

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript遍歷算法與技巧總結(jié)》

希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • 淺談JavaScript作用域和閉包

    淺談JavaScript作用域和閉包

    本篇文章主要介紹了JavaScript作用域和閉包，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-09-09
  • 微信小程序網(wǎng)絡(luò)請(qǐng)求實(shí)現(xiàn)過程解析

    微信小程序網(wǎng)絡(luò)請(qǐng)求實(shí)現(xiàn)過程解析

    這篇文章主要介紹了微信小程序網(wǎng)絡(luò)請(qǐng)求實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-11-11
  • javaScript中一些常見的數(shù)據(jù)類型檢查校驗(yàn)

    javaScript中一些常見的數(shù)據(jù)類型檢查校驗(yàn)

    最近在面試的時(shí)候又被問到JS中檢查校驗(yàn)數(shù)據(jù)類型的方法,所以這篇文章主要給大家介紹了關(guān)于javaScript中一些常見的數(shù)據(jù)類型檢查校驗(yàn)的相關(guān)資料,需要的朋友可以參考下
    2022-05-05
  • JS數(shù)組排序技巧匯總(冒泡、sort、快速、希爾等排序)

    JS數(shù)組排序技巧匯總(冒泡、sort、快速、希爾等排序)

    這篇文章主要介紹了JS數(shù)組排序技巧,實(shí)例匯總了JavaScript冒泡排序、sort排序、快速排序、希爾排序等,并附帶分析了sort排序的相關(guān)注意事項(xiàng),需要的朋友可以參考下
    2015-11-11
  • blob轉(zhuǎn)換成string格式同步調(diào)用問題解決分析

    blob轉(zhuǎn)換成string格式同步調(diào)用問題解決分析

    這篇文章主要為大家介紹了blob轉(zhuǎn)換成string格式同步調(diào)用問題解決分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-05-05
  • JavaScript+CSS控制打印格式示例介紹

    JavaScript+CSS控制打印格式示例介紹

    用media="print"的css來控制要打印的文件，media為print的樣式，表示打印時(shí)該樣式才起作用，下面為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過
    2014-01-01
  • javascript css在IE和Firefox中區(qū)別分析

    javascript css在IE和Firefox中區(qū)別分析

    我們討論的主題CSS網(wǎng)頁布局，最令大家頭疼的問題就是瀏覽器兼容性，雖然52CSS.com介紹過很多這方向的知識(shí)，但依然讓很多開發(fā)人員暈頭轉(zhuǎn)向，今天的這篇文章，將列出css和javascript在IE和Firefox中二十三個(gè)不同點(diǎn)，希望對(duì)大家的學(xué)習(xí)有所幫助。
    2009-02-02
  • JS正則表達(dá)式常見函數(shù)與用法小結(jié)

    JS正則表達(dá)式常見函數(shù)與用法小結(jié)

    這篇文章主要介紹了JS正則表達(dá)式常見函數(shù)與用法,結(jié)合實(shí)例形式分析了JS正則表達(dá)式基本功能、常見函數(shù)與相關(guān)使用技巧,需要的朋友可以參考下
    2020-04-04
  • JavaScript無操作后屏保功能的實(shí)現(xiàn)方法

    JavaScript無操作后屏保功能的實(shí)現(xiàn)方法

    今天組里的同事要寫一個(gè)屏保的效果，要求鼠標(biāo)無操作N秒后進(jìn)入屏幕保護(hù)，滑動(dòng)鼠標(biāo)的時(shí)候取消屏幕保護(hù)。我真是難倒了，糾結(jié)了半天，搞定了，下面給大家分享實(shí)現(xiàn)代碼
    2017-07-07
  • 防止動(dòng)態(tài)加載JavaScript引起的內(nèi)存泄漏問題

    防止動(dòng)態(tài)加載JavaScript引起的內(nèi)存泄漏問題

    利用Script標(biāo)簽可以跨域加載并運(yùn)行一段JavaScript腳本， 但Neil Fraser先前已指出，腳本運(yùn)行后資源并沒被釋放，即使是Script標(biāo)簽移除后。
    2009-10-10

最新評(píng)論