JS實(shí)現(xiàn)含有中文字符串的友好截取功能分析
本文實(shí)例講述了JS實(shí)現(xiàn)含有中文字符串的友好截取功能。分享給大家供大家參考，具體如下：
在顯示字符串的時(shí)候，避免字符串過長往往會對字符串進(jìn)行截取操作，通常會用到j(luò)s 的 substr 或者 substring方法, 以及 字符串的length屬性
對于非中文的字符串處理是很簡單的，但是中文字符的 length 屬性值 是1 而不是 2 ，所以處理就不是很友好了。
例如 你有一個(gè)字符串 1234567890 和 一二三四五六七八九零，
你只想顯示五位長度，往往會這樣操作 str = str.substr(0, 5);
但是 12345 與 一二三四五 所占的寬度是不同的，因?yàn)橹形耐?字節(jié), 為了顯示效果更好，
故封裝下面的js， 他會辨別中文字符的 length 為2
$.String.Substr = function (str, n) {//字符串截取 包含對中文處理
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])) {//中文 長度為兩字節(jié)
len += 2;
}
else {
len += 1;
}
if (len > n) {
break;
}
else {
tmpStr += str[i];
}
}
return tmpStr + " ...";
}
};
PS：這里再為大家推薦2款在線字符統(tǒng)計(jì)工具，都包含對中英文及符號的計(jì)算功能，相信對大家有一定參考借鑒價(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動畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript遍歷算法與技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。
- JS字符串長度判斷,超出進(jìn)行自動截取的實(shí)例(支持中文)
- JS實(shí)現(xiàn)對中文字符串進(jìn)行utf-8的Base64編碼的方法(使其與Java編碼相同)
- JavaScript過濾字符串中的中文與空格方法匯總
- 教你如何使用PHP輸出中文JSON字符串
- JS判斷字符串長度的5個(gè)方法（區(qū)分中文和英文）
- js計(jì)算字符串長度包含的中文是utf8格式
- 中文字符串截取的js函數(shù)代碼
- Javascript 中文字符串處理額外注意事項(xiàng)
- 用javascript實(shí)現(xiàn)截取字符串包含中文處理的函數(shù)
- js substr支持中文截取函數(shù)代碼(中文是雙字節(jié))
相關(guān)文章
js從數(shù)組中刪除指定值(不是指定位置)的元素實(shí)現(xiàn)代碼
下面小編就為大家?guī)硪黄猨s從數(shù)組中刪除指定值(不是指定位置)的元素實(shí)現(xiàn)代碼。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
頁面跳轉(zhuǎn)是經(jīng)常需要用到的，本文主要介紹了淺談uniapp頁面跳轉(zhuǎn)的解決方案，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-05-05
javascript 動態(tài)改變層的Z-INDEX的代碼style.zIndex
javascript 動態(tài)改變層的Z-INDEX的代碼style.zIndex...2007-08-08
本文通過實(shí)例向大家講述了js實(shí)例屬性和原型屬性，詳情請看注釋，看不懂的話，請放棄javascript吧。2014-11-11
12個(gè)非常有創(chuàng)意的JavaScript小游戲
JavaScript 在Web開發(fā)過程中已經(jīng)是必不可少的重要分子，他推動著Web的交互性往越來越高的層次發(fā)展，現(xiàn)在的很多Web游戲也基于這類語言開發(fā)。2010-03-03
js獲取瀏覽器地址（獲取第1個(gè)斜杠后的內(nèi)容）
這篇文章主要給大家介紹了關(guān)于js獲取瀏覽器地址（獲取第1個(gè)斜杠后的內(nèi)容）的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧2019-09-09
微信小程序?qū)崿F(xiàn)藍(lán)牙設(shè)備搜索及連接功能示例詳解
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)藍(lán)牙設(shè)備搜索及連接功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2023-06-06
javascript DOM實(shí)用學(xué)習(xí)資料
比較詳細(xì)的實(shí)例分析了dom的一些常用方法2008-09-09
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)圖片懶加載效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-07-07
表格控件是我們在開發(fā)中經(jīng)常要用到的控件。有沒有能夠在多種前端控件下都能使用的表格控件？最近研究發(fā)現(xiàn)Wijmo中的FlexGrid是一款不錯(cuò)的表格控件，它能支持很多主流的框架。這里主要介紹在純JavaScript和AngularJS下FlexGrid的使用。2017-01-01