本文介绍在JavaScript中如何准确计算字符串所占的字节数，重点解析UTF-8编码下不同字符长度对应的字节分配规则，并提供完整的代码实现示例，帮助开发者在前端处理数据库字节限制时进行有效判断。
前言与背景
前言
在日常开发中，经常需要处理字符串并控制其字节大小。由于数据库通常对字段字节数有严格限制，因此在前端进行数据提交前，往往需要预先判断字符串的字节长度，以确保符合后端要求。本文将对此进行具体探讨。
本文主要介绍JavaScript中计算字符串字节数的相关实现方法，分享具体代码供参考学习。
JS计算字符串字节数实现
示例代码
/**
* 计算字符串所占的内存字节数，默认使用UTF-8的编码方式计算，也可制定为UTF-16
* UTF-8 是一种可变长度的 Unicode 编码格式，使用一至四个字节为每个字符编码
*
* 000000 - 00007F(128个代码) 0zzzzzzz(00-7F) 一个字节
* 000080 - 0007FF(1920个代码) 110yyyyy(C0-DF) 10zzzzzz(80-BF) 两个字节
* 000800 - 00D7FF
00E000 - 00FFFF(61440个代码) 1110xxxx(E0-EF) 10yyyyyy 10zzzzzz 三个字节
* 010000 - 10FFFF(1048576个代码) 11110www(F0-F7) 10xxxxxx 10yyyyyy 10zzzzzz 四个字节
*
* 注: Unicode在范围 D800-DFFF 中不存在任何字符
* {@link http://zh.wikipedia.org/wiki/UTF-8}
*
* UTF-16 大部分使用两个字节编码，编码超出 65535 的使用四个字节
* 000000 - 00FFFF 两个字节
* 010000 - 10FFFF 四个字节
*
* {@link http://zh.wikipedia.org/wiki/UTF-16}
* @param {String} str
* @param {String} charset utf-8, utf-16
* @return {Number}
*/
var sizeof = function(str, charset){
var total = 0,
charCode,
i,
len;
charset = charset ? charset.toLowerCase() : '';
if(charset === 'utf-16' || charset === 'utf16'){
for(i = 0, len = str.length; i < len; i++){
charCode = str.charCodeAt(i);
if(charCode <= 0xffff){
total += 2;
}else{
total += 4;
}
}
}else{
for(i = 0, len = str.length; i < len; i++){
charCode = str.charCodeAt(i);
if(charCode <= 0x007f) {
total += 1;
}else if(charCode <= 0x07ff){
total += 2;
}else if(charCode <= 0xffff){
total += 3;
}else{
total += 4;
}
}
}
return total;
}代码逻辑与总结
以下代码展示了计算字符串内存字节数的逻辑。默认采用UTF-8编码，也可指定为UTF-16。UTF-8是可变长度Unicode编码，使用1至4个字节表示每个字符。具体规则如下：000000-00007F占用1个字节；000080-0007FF占用2个字节；000800-00D7FF及00E000-00FFFF占用3个字节；010000-10FFFF占用4个字节。代码通过判断字符编码范围累加字节数，最终返回总字节值。
总结