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

javascript中使用正則計算中文長度的例子

 更新時間:2014年04月29日 10:42:41   作者:  
這篇文章主要介紹了javascript中使用正則計算中文長度的例子,需要的朋友可以參考下

由于javascript是unicode編碼的,所有的字符對于它來說一個就是一個,但是后臺程序不是,通常在后臺程序中一個中文是占兩個字節(jié)的,這就導致了前后端校驗長度不一致,這個問題可以通過正則來解決。

復制代碼 代碼如下:

function getRealLen( str ) {
    return str.replace(/[^\x00-\xff]/g, '__').length; //這個把所有雙字節(jié)的都給匹配進去了
}

附贈另一小則技巧:

有時候為了美觀,不影響布局和界面,會以一些文案進行截字,但是中文的寬度和英文的寬度不一樣,如果按照英文標準來截中文的,或者按中文標準截英文的,顯然會忽長忽短,特別是昵稱這類容易既有中文又有英文的東西,同樣我們可以用上面的思路

復制代碼 代碼如下:

function beautySub( str, len) {
       var reg = /[\u4e00-\u9fa5]/g,    //專業(yè)匹配中文
           slice = str.substring(0,len),
           realen = len - ( ~~( slice.match(reg) && slice.match(reg).length ) );
           return slice.substring(0, realen ? realen : 1);
}

這里我們認為一個中文字符是兩個英文字符的寬度,如果你是完美主義者,應該想到j和w,m的寬度是不一樣的,w和m以及大寫的部分字母和中文的寬度是一致的,這個函數(shù)的正則還有相當大的改進空間,同時也可以指定截字的起始位置。

相關文章

  • JavaScript中的對象和原型(一)

    JavaScript中的對象和原型(一)

    大家都知道在js中沒有類的概念,因此它的對象也與基于類的語言中的對象有所不同。所以大家要了解面向對象,首先要了解js中的對象和原型,下面本文給大家介紹JavaScript中的對象和原型(一)知識,一起看下吧
    2016-08-08
  • js常用的繼承--組合式繼承

    js常用的繼承--組合式繼承

    本篇文章主要介紹了js常用的繼承--組合式繼承的相關知識,具有很好的參考價值。下面跟著小編一起來看下吧
    2017-03-03
  • javascript鼠標滑過顯示二級菜單特效

    javascript鼠標滑過顯示二級菜單特效

    這篇文章主要為大家詳細介紹了javascript鼠標滑過顯示二級菜單特效,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • javascript顯式類型轉換實例分析

    javascript顯式類型轉換實例分析

    這篇文章主要介紹了javascript顯式類型轉換,實例分析了javascript實現(xiàn)類型轉換的常用技巧,非常具有實用價值,需要的朋友可以參考下
    2015-04-04
  • 微信小程序switch組件使用詳解

    微信小程序switch組件使用詳解

    這篇文章主要為大家詳細介紹了微信小程序switch組件的實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2018-01-01
  • JavaScript實現(xiàn)點擊單元格改變背景色的方法

    JavaScript實現(xiàn)點擊單元格改變背景色的方法

    這篇文章主要介紹了JavaScript實現(xiàn)點擊單元格改變背景色的方法,涉及JavaScript響應鼠標事件動態(tài)操作頁面元素屬性的相關技巧,需要的朋友可以參考下
    2016-02-02
  • AngularJS+Bootstrap實現(xiàn)多文件上傳與管理

    AngularJS+Bootstrap實現(xiàn)多文件上傳與管理

    這篇文章主要為大家詳細介紹了AngularJS+Bootstrap實現(xiàn)多文件上傳與管理,對上傳文件進行加載與刪除操作,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2016-11-11
  • 深入理解JavaScript中的宏任務和微任務機制

    深入理解JavaScript中的宏任務和微任務機制

    JavaScript中的任務分為宏任務和微任務,它們的執(zhí)行順序會影響代碼的執(zhí)行結果。了解它們的機制可以幫助我們更好地理解事件循環(huán)和異步編程,避免出現(xiàn)一些意想不到的錯誤
    2023-05-05
  • bootstrap 彈出框modal添加垂直方向滾軸效果

    bootstrap 彈出框modal添加垂直方向滾軸效果

    這篇文章主要介紹了bootstrap 彈出框modal添加垂直方向滾軸效果,代碼簡單易懂,非常不錯,具有一定的參考借鑒價值,需要的朋友可以參考下
    2018-07-07
  • JavaScript 幾種循環(huán)方式以及模塊化的總結

    JavaScript 幾種循環(huán)方式以及模塊化的總結

    這篇文章主要介紹了JavaScript 幾種循環(huán)方式以及模塊化的的相關資料,幫助大家更好的理解和學習JavaScript,感興趣的朋友可以了解下
    2020-09-09

最新評論