前置知识
字节
字节（Byte）是计算机信息技术用于计量存储容量的一种计量单位，也表示一些计算机编程语言中的数据类型和语言字符。
- 一个字节（byte）8位（bit），十进制表示0～255。
- 两个字节16位，可表示十进制0～65535。
Unicode字符集
Unicode 做了一件事，就是给世界上所有字符都分配了一个唯一的数字编号，这个编号范围从0x000000～0x10FFFF，包括110多万。但大部分常用字符都在0x0000～0xFFFF之间，即65536个数字之内。每个字符都有一个Unicode编号，这个编号一般写成十六进制，在前面加U+。编号怎么对应到二进制表示呢？有多种方案，主要有UTF-32、UTF-16和UTF-8。
JavaScript 使用 Unicode 字符集，采用 UTF-16 编码方案（整合UCS-2编码。一开始JavaScript采用的是UCS-2，那时候Unicode的UTF-16标准还没发布）。UTF-16兼容ASCII，即前128个Unicode代码点是ASCII字符编码的直接匹配。
各字符集中汉字所占字节
- ASCii字符集：只有英文、数字、符号等，占1个字节。
- GBK字符集：汉字占2个字节，英文、数字占1个字节。
- UTF-32字符集：汉字占4个字节，英文、数字占2个字节。
- UTF-8字符集：汉字占3个字节，英文、数字占1个字节。
数据库中字段长度
-
Oracle
- Oracle中varchar2类型的字段长度单位默认是按照byte（字节）来定义,比如常见写法varchar2(10)代表只接收最大10字节长度。
- 其实我们在Oracle中也可以用字符为单位来定义varchar2字段的长度，这个时候需要注意在建表时写成VARCHAR2(10 char)。
-
MySql
- 5.X 以上的版本的定义中表示的字符长度，如上varchar(20）你既可以添加20个英文字符，也可以添加二十个中文字符。
- 4.X 的版本表示的是字节长度，会根据字符集转变内容字节长度存储。
-
使用oracle数据库或mysql4.x数据库，就需要注意所提交字符（串）的字节长度。
方法charCodeAt
charCodeAt()方法返回 0 到 65535 之间的整数，表示给定索引处的 UTF-16 代码单元（小知识：2的16次方等于65536）。
有些网友说返回的是十六进制的整数，我们可以进行如下测试验证一下：
var str = "编码"
console.log('测试数据 = '+ str.charAt(0))
console.log('------------------- ')
console.log('情况一：charCodeAt返回的是16进制的unicode编码')
//十六进制
var code16 = str.charCodeAt(0)
console.log('十六进制编码 = '+ code16)
// 使用eval()，将十六进制的unicode编码转换为字符
var res = eval("'\\u" + code16 + "'")
console.log('恢复成字符 = '+ res+ "；测试"+(res == str.charAt(0)?"通过✅":"不通过❌"))
console.log('------------------- ')
console.log('情况一：charCodeAt返回的是10进制的unicode编码')
//十进制
var code10 = str.charCodeAt(0)
console.log('十进制编码 = '+ code10)
console.log('十六进制编码 = '+ code10.toString(16))
// 使用eval()，将十六进制的unicode编码转换为字符
var res2 = eval("'\\u" + code10.toString(16) + "'")
console.log('恢复成字符 = '+ res2+ "；测试"+(res2 == str.charAt(0)?"通过✅":"不通过❌"))
console.log('------------------- ')
测试数据 = 编
-------------------
情况一：charCodeAt返回的是16进制的unicode编码
十六进制编码 = 32534
恢复成字符 = ㉓4；测试不通过❌
-------------------
情况一：charCodeAt返回的是10进制的unicode编码
十进制编码 = 32534
十六进制编码 = 7f16
恢复成字符 = 编；测试通过✅
-------------------
测试结果表明，返回的是十进制的整数。
字符串(字节)长度计算
需求：前端向后端提交数据，数据库字段限制了长度，一般单位是字节，中英文字符所占字节数是不一样的。所以对于中英文混合的数据不能直接使用字符串的length属性来获取长度（字符个数）。
思路：
- 要明确后端数据库所采用的字符集，再计算数据提交到数据库后实际所占的字节长度（是否符合数据库字段所限制长度）。
- 使用方法charCodeAt()，获取字符的unicode编码（0 到 65535 之间的整数）。
- 常见英文字母、英文标点符号（半角符号），unicode编码小于128（0～127。1字节可表示0～255），即ASCII编码。
- 判断方法charCodeAt()返回的整数是否大于255（0开始），若大于则认为是汉字字符。也有网友通过判断unicode编码是否大于127作为分界。
/**
* 获取字节长度。
* ASCii字符集：只有英文、数字、符号等，占1个字节。
* GBK字符集：汉字占2个字节，英文、数字占1个字节。
* UTF-32字符集：汉字占4个字节，英文、数字占2个字节。
* UTF-8字符集：汉字占3个字节，英文、数字占1个字节。
*/
function getByteLen(value, charset) {
var charlen = 2; //默认 1个汉字占2字节
if (!charset) {
charset = 'gbk'; //默认为gbk（数据库中最常用的字符集是utf-8、gbk）
}
if ((charset + "").toLowerCase().indexOf('gb') == 0) { //GB2312、GBK、GB18030
charlen = 2;
}
if ((charset + "").toLowerCase() == 'utf-8') {
charlen = 3;
}
if ((charset + "").toLowerCase() == 'utf-32') {
charlen = 4;
}
if (value == null || value.length < 1) return 0;
var len = 0;
for (var i = 0; i < value.length; i++) {
if (value.charCodeAt(i) < 255) {
len++;
} else {
len += charlen;
}
}
return len;
}
示例：
console.log(getByteLen('ab我', 'utf-8')); //5
console.log(getByteLen('ab我', 'gbk')); //4
console.log(getByteLen('ab我')); //4
扩展
实现字符与unicode编码互转，见这篇博客。文章来源：https://www.toymoban.com/news/detail-448479.html
参考：CSDN、脚本之家、百度百科、《Java编程的逻辑》-马俊昌文章来源地址https://www.toymoban.com/news/detail-448479.html
到了这里，关于字符串(字节)长度计算的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
