TextEncoder 用法

TextEncoder

TextEncoder 接受码位流作为输入，并提供 UTF-8 字节流作为输出。

构造函数 TextEncoder() 返回一个新构造的 TextEncoder，它默认使用 UTF-8 编码将码位流转换成字节流。

TextEncoder.encode() 接受一个字符串作为输入，返回一个包含 UTF-8 编码的文本的 Uint8Array。

用法

判断JSON字符串是否大于4MB，可以使用stringify方法将JSON对象转换为JSON字符串，然后再判断字符串的长度是否大于4MB。具体实现代码如下：

      
        function isJsonStringGreaterThan4MB(jsonString) {
      
      
          const bytes = new TextEncoder().encode(jsonString).length;
      
      
          const megabytes = bytes / (1024 * 1024);
      
      
          return megabytes > 4;
      
      
        }
      
      
        
          

      
      
        const jsonString = '{"name":"John","age":30,"city":"New York"}';
      
      
        
          

      
      
        if (isJsonStringGreaterThan4MB(jsonString)) {
      
      
          console.log("The JSON string is greater than 4MB.");
      
      
        } else {
      
      
          console.log("The JSON string is less than or equal to 4MB.");
      
      
        }
      
    

首先使用 TextEncoder 获取JSON字符串的字节数，然后将字节数转换为MB并与4MB比较。如果JSON字符串大于4MB，则返回true，否则返回false。

Uint8Array

Uint8Array 是 JavaScript 中的一种类型化数组（Typed Array），用于表示一个 8 位无符号整数的数组。Uint8Array 对象表示一个类似数组的对象，其中的每个元素都是一个 8 位无符号整数值，取值范围为 0 到 255。

Uint8Array 可以在许多不同的场景中发挥作用，特别是在处理二进制数据时非常有用。以下是一些 Uint8Array 的常见使用场景：

1、 处理二进制数据： Uint8Array 可以用于处理二进制数据，例如在网络通信中传输二进制数据、操作图像数据、处理音频或视频数据等。

2、 图像处理： 在处理图像数据时，Uint8Array 可以用于读取、修改和操作图像的像素数据。例如，可以使用 Uint8Array 在 Canvas 中进行像素级操作。

3、 音频处理： 在处理音频数据时，Uint8Array 可以用于表示音频样本数据，进行音频编解码、音频分析等操作。

4、加密和哈希算法： Uint8Array 可以用于处理加密算法和哈希算法中的密钥、数据和结果。例如，处理密码学中的数据块、密钥扩展等。

5、网络通信： 在 Web 开发中，Uint8Array 可以用于处理 WebSocket 数据、处理文件上传、处理二进制数据流等。

6、数据转换和编解码： Uint8Array 可以用于将数据从一种格式转换为另一种格式，例如将文本数据转换为二进制数据或反之。

7、WebGL 和 Canvas 图形编程： 在进行 WebGL 或 Canvas 图形编程时，Uint8Array 可以用于操作图形数据、纹理数据等。

8、传感器数据处理： 在处理传感器数据（如加速度计、陀螺仪等）时，Uint8Array 可以用于存储和处理原始传感器数据。

总的来说，Uint8Array 在处理二进制数据、图像数据、音频数据以及在需要高效处理和操作字节级数据的场景中非常有用。它提供了一种高效的方式来处理和操作原始的字节数据，同时也可以与其他 JavaScript 数据类型进行转换和交互。