JavaScript获取字符串的字节长度

概要

提示：大家都知道，获取字符串的长度可用length来获取。 那么获取这段字符串的字节数呢？英文字母肯定lenght和字节数都一样：都是1而中文lenght=1，字节数=2因此，需要作的就是把中文字符的字节数计算出来。

例如：

let str = "abcd";
console.log(str.length) // 4
let str = "字符串";
console.log(str.length) // 3
1
2
3
4

提示：很显然这么获取字节长度是不对的。

实践

我们可以换一种思路，既然要求是获取字符串的字符长度，我们可以先把字符串直接转换成字节，然后直接获取字节的长度就可以了。

JavaScript如何将字符串转换为字节数组

方法：使用TextEncoder
TextEncoder() 构造函数总是返回一个新创建的 TextEncoder 对象，该对象将生成具有 UTF-8 编码的字节流。TextEncoder 接口不继承任何属性。

TextEncoder是一个内置的API，可用于将字符串转换为字节数组。以下是使用TextEncoder的示例代码：

// js字符获取字节长度
let str = "/测试测试/test1.js"
let encoder = new TextEncoder(); 
let bytes = encoder.encode(str);
console.log(bytes.length) //22
1
2
3
4
5

上述代码中，我们首先创建一个TextEncoder实例，然后使用encode方法将字符串转换为字节数组。最后，我们通过控制台输出字节数组。请注意，TextEncoder是现代浏览器的标准API，因此在旧版本的浏览器中可能不可用。