用JavaScript計(jì)算在UTF-8下存儲(chǔ)字符串占用字節(jié)數(shù)
更新時(shí)間：2013年08月08日 16:01:23 作者：
想辦法在JavaScript中判斷在UTF-8下存儲(chǔ)的String的字節(jié)數(shù)，在網(wǎng)上找到很多關(guān)于Unicode介紹的文檔，最重要的是字符編碼數(shù)值對(duì)應(yīng)的存儲(chǔ)長(zhǎng)度
最近和JavaScript糾纏上了。
遇到這么一個(gè)問題，數(shù)據(jù)庫(kù)的字符集為UTF-8的，要在頁(yè)面上使用JavaScript驗(yàn)證輸入的文本用UTF-8存儲(chǔ)時(shí)占用字節(jié)長(zhǎng)度。JavaScript的String對(duì)象有l(wèi)ength屬性，但是這個(gè)計(jì)算的是字符數(shù)，不是字節(jié)數(shù)（問題總是翻來覆去的，記得當(dāng)年玩Delphi的時(shí)候，還得寫程序計(jì)算字符串的字符數(shù)，因?yàn)镈elphi中String的length是字節(jié)數(shù)...）。偷懶一點(diǎn)的辦法是將驗(yàn)證代碼中最大長(zhǎng)度設(shè)置為數(shù)據(jù)庫(kù)中對(duì)應(yīng)字段的長(zhǎng)度的1/3，但是這樣準(zhǔn)確來說有點(diǎn)不合適。
所以想辦法在JavaScript中判斷在UTF-8下存儲(chǔ)的String的字節(jié)數(shù)，在網(wǎng)上找到很多關(guān)于Unicode介紹的文檔，最重要的是字符編碼數(shù)值對(duì)應(yīng)的存儲(chǔ)長(zhǎng)度：
UCS-2編碼(16進(jìn)制) UTF-8 字節(jié)流(二進(jìn)制)
0000 - 007F 0xxxxxxx （1字節(jié)）
0080 - 07FF 110xxxxx 10xxxxxx （2字節(jié)）
0800 - FFFF 1110xxxx 10xxxxxx 10xxxxxx （3字節(jié)）
于是代碼如下：
[
function mbStringLength(s) {
var totalLength = 0;
var i;
var charCode;
for (i = 0; i < s.length; i++) {
charCode = s.charCodeAt(i);
if (charCode < 0x007f) {
totalLength = totalLength + 1;
} else if ((0x0080 <= charCode) && (charCode <= 0x07ff)) {
totalLength += 2;
} else if ((0x0800 <= charCode) && (charCode <= 0xffff)) {
totalLength += 3;
}
}
//alert(totalLength);
return totalLength;
}
實(shí)際上,0x0080到0x07ff之間的字符很少會(huì)在實(shí)際用戶輸入中用到。
遇到這么一個(gè)問題，數(shù)據(jù)庫(kù)的字符集為UTF-8的，要在頁(yè)面上使用JavaScript驗(yàn)證輸入的文本用UTF-8存儲(chǔ)時(shí)占用字節(jié)長(zhǎng)度。JavaScript的String對(duì)象有l(wèi)ength屬性，但是這個(gè)計(jì)算的是字符數(shù)，不是字節(jié)數(shù)（問題總是翻來覆去的，記得當(dāng)年玩Delphi的時(shí)候，還得寫程序計(jì)算字符串的字符數(shù)，因?yàn)镈elphi中String的length是字節(jié)數(shù)...）。偷懶一點(diǎn)的辦法是將驗(yàn)證代碼中最大長(zhǎng)度設(shè)置為數(shù)據(jù)庫(kù)中對(duì)應(yīng)字段的長(zhǎng)度的1/3，但是這樣準(zhǔn)確來說有點(diǎn)不合適。
所以想辦法在JavaScript中判斷在UTF-8下存儲(chǔ)的String的字節(jié)數(shù)，在網(wǎng)上找到很多關(guān)于Unicode介紹的文檔，最重要的是字符編碼數(shù)值對(duì)應(yīng)的存儲(chǔ)長(zhǎng)度：
UCS-2編碼(16進(jìn)制) UTF-8 字節(jié)流(二進(jìn)制)
0000 - 007F 0xxxxxxx （1字節(jié)）
0080 - 07FF 110xxxxx 10xxxxxx （2字節(jié)）
0800 - FFFF 1110xxxx 10xxxxxx 10xxxxxx （3字節(jié)）
于是代碼如下：
[
復(fù)制代碼 代碼如下:
function mbStringLength(s) {
var totalLength = 0;
var i;
var charCode;
for (i = 0; i < s.length; i++) {
charCode = s.charCodeAt(i);
if (charCode < 0x007f) {
totalLength = totalLength + 1;
} else if ((0x0080 <= charCode) && (charCode <= 0x07ff)) {
totalLength += 2;
} else if ((0x0800 <= charCode) && (charCode <= 0xffff)) {
totalLength += 3;
}
}
//alert(totalLength);
return totalLength;
}
實(shí)際上,0x0080到0x07ff之間的字符很少會(huì)在實(shí)際用戶輸入中用到。
相關(guān)文章
javascript 禁止復(fù)制網(wǎng)頁(yè)
常見的一些禁止復(fù)制網(wǎng)頁(yè)的代碼，但破解方法也不見容易，這里就不說了，可以看本站以前發(fā)布的文章。2009-06-06
這篇文章主要為大家詳細(xì)介紹了JavaScript原型鏈，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助2023-04-04
JavaScript數(shù)組，JSON對(duì)象實(shí)現(xiàn)動(dòng)態(tài)添加、修改、刪除功能示例
這篇文章主要介紹了JavaScript數(shù)組，JSON對(duì)象實(shí)現(xiàn)動(dòng)態(tài)添加、修改、刪除功能,結(jié)合實(shí)例形式分析了JavaScript針對(duì)json數(shù)組的添加、刪除、修改操作實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-05-05
基于HTML+JS實(shí)現(xiàn)網(wǎng)頁(yè)版蘋果計(jì)算器
這篇文章主要為大家詳細(xì)介紹了如何利用HTML+CSS+JS實(shí)現(xiàn)網(wǎng)頁(yè)版的蘋果計(jì)算器，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-06-06
這篇文章主要介紹了Javascript中的String對(duì)象,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了Javascript中的apply()方法淺析,本文講解了apply vs call、Javascript apply 方法等內(nèi)容,需要的朋友可以參考下2015-03-03
jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果
這篇文章主要介紹了jquery實(shí)現(xiàn)的圖片點(diǎn)擊滾動(dòng)效果,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了js實(shí)現(xiàn)禁止中文輸入的方法,需要的朋友可以參考下2015-01-01
分包指的是把一個(gè)完整的小程序項(xiàng)目,按照需求劃分為不同的子包, 在構(gòu)建時(shí)打包成不同的分包,用戶在使用時(shí)按需進(jìn)行加載,下面這篇文章主要給大家介紹了關(guān)于微信小程序分包操作的相關(guān)資料,需要的朋友可以參考下2022-10-10
JavaScript中Window對(duì)象的屬性及事件
這篇文章主要介紹了JavaScript中Window對(duì)象的屬性及事件 的相關(guān)資料,需要的朋友可以參考下2015-12-12