Javascript 獲取字符串字節(jié)數(shù)的多種方法
更新時(shí)間：2009年06月02日 18:01:08 作者：
Javascript 字符串字節(jié)數(shù)獲取功能多種方法
方法有很多，舉兩種：
第一種：（通過(guò)String對(duì)象的charCodeAt方法）
String.prototype.getBytesLength = function() {
var length = 0;
for(i = 0;i < this.length; i++) {
iCode = this.charCodeAt(i);
if((iCode >= 0 && iCode <= 255) || (iCode >= 0xff61 && iCode <= 0xff9f)) {
length += 1;
} else {
length += 2;
}
}
return length;
}
第二種：（通過(guò)escape()方法轉(zhuǎn)編碼后判斷）
String.prototype.getBytesLength = function() {
var str = escape(this);
for(var i = 0, length = 0;i < str.length; i++, length++) {
if(str.charAt(i) == "%") {
if(str.charAt(++i) == "u") {
i += 3;
length++;
}
i++;
}
}
return length;
}
第三種寫法：徹底無(wú)語(yǔ)了！
String.prototype.getBytesLength = function() {
return this.replace(/[^\x00-\xff]/gi, "--").length;
}
我喜歡第三種，以上代碼均測(cè)試通過(guò)
代碼簡(jiǎn)單，不給出測(cè)試結(jié)果
px
第一種：（通過(guò)String對(duì)象的charCodeAt方法）
復(fù)制代碼 代碼如下:
String.prototype.getBytesLength = function() {
var length = 0;
for(i = 0;i < this.length; i++) {
iCode = this.charCodeAt(i);
if((iCode >= 0 && iCode <= 255) || (iCode >= 0xff61 && iCode <= 0xff9f)) {
length += 1;
} else {
length += 2;
}
}
return length;
}
第二種：（通過(guò)escape()方法轉(zhuǎn)編碼后判斷）
復(fù)制代碼 代碼如下:
String.prototype.getBytesLength = function() {
var str = escape(this);
for(var i = 0, length = 0;i < str.length; i++, length++) {
if(str.charAt(i) == "%") {
if(str.charAt(++i) == "u") {
i += 3;
length++;
}
i++;
}
}
return length;
}
第三種寫法：徹底無(wú)語(yǔ)了！
復(fù)制代碼 代碼如下:
String.prototype.getBytesLength = function() {
return this.replace(/[^\x00-\xff]/gi, "--").length;
}
我喜歡第三種，以上代碼均測(cè)試通過(guò)
代碼簡(jiǎn)單，不給出測(cè)試結(jié)果
px
相關(guān)文章
每天一篇javascript學(xué)習(xí)小結(jié)（基礎(chǔ)知識(shí)）
這篇文章主要介紹了javascript基本的知識(shí)點(diǎn)，包括字符串、特殊字符運(yùn)算、變量轉(zhuǎn)字符串等，對(duì)javascript的基礎(chǔ)知識(shí)講解的很全面，為了更好地幫助大家學(xué)習(xí)javascript，感興趣的小伙伴們可以參考一下2015-11-11
js實(shí)現(xiàn)圖片拖動(dòng)改變順序附圖
需要改變多個(gè)元素的位置，可以通過(guò)元素拖動(dòng)來(lái)實(shí)現(xiàn)，下面以圖片拖動(dòng)為例，用jQuery來(lái)實(shí)現(xiàn),需要的朋友可以參考下2014-05-05
ie不支持getElementsByClassName,所以要自己實(shí)現(xiàn)獲取類名為className的所有元素。2013-03-03
javascript面向?qū)ο笾畬?duì)象的深入理解
這篇文章主要介紹了javascript面向?qū)ο笾畬?duì)象的深入理解,將javascript面向?qū)ο蟪绦蛟O(shè)計(jì)中一切都視為對(duì)象,并以實(shí)例形式進(jìn)一步分析了面向?qū)ο蟮奶匦?需要的朋友可以參考下2015-01-01
js實(shí)現(xiàn)購(gòu)物網(wǎng)站放大鏡功能
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)購(gòu)物網(wǎng)站放大鏡功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-06-06
簡(jiǎn)單實(shí)現(xiàn)js點(diǎn)擊展開(kāi)二級(jí)菜單功能
這篇文章主要教大家簡(jiǎn)單實(shí)現(xiàn)js點(diǎn)擊展開(kāi)二級(jí)菜單功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)經(jīng)典貪吃蛇小游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-03-03
javascript中獲取選中對(duì)象的類型...2007-04-04
Jupyter Notebook運(yùn)行JavaScript的方法
Jupyter Notebook是一塊所見(jiàn)即所得的畫布，通過(guò)在瀏覽器上編輯代碼，讓開(kāi)發(fā)人員實(shí)現(xiàn)展示與快速迭代的利器，本文主要介紹了Jupyter Notebook運(yùn)行JavaScript的方法，感興趣的可以了解一下2021-05-05
JavaScript原型對(duì)象原理與應(yīng)用分析
這篇文章主要介紹了JavaScript原型對(duì)象原理與應(yīng)用,結(jié)合實(shí)例形式分析了javascript原型對(duì)象的概念、原理、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下2018-12-12