js string 二进制流

在JavaScript中处理二进制流通常涉及到ArrayBuffer、TypedArray（如Uint8Array）以及DataView等对象。这些对象允许开发者以二进制格式操作数据，这对于文件处理、网络通信等场景尤为重要。

基础概念：

1. ArrayBuffer：这是一个固定长度的原始二进制数据缓冲区。它不能直接操作，需要配合视图对象（如TypedArray或DataView）来读写。
2. TypedArray：这是一组数组类型，用于表示不同类型的二进制数据。Uint8Array是最常用的类型之一，用于表示8位无符号整数数组。
3. DataView：这是一个低级接口，用于读写ArrayBuffer中的数据。它提供了更灵活的数据访问方式，支持多种数值格式。

优势：

• 高效处理大量数据，特别是在网络传输和文件I/O中。
• 提供了对二进制数据的精细控制，适用于需要精确操作数据的场景。

类型：

• ArrayBuffer：基础缓冲区。
• TypedArray：包括Int8Array、Uint8Array、Int16Array、Uint16Array等。
• DataView：用于读写ArrayBuffer的接口。

应用场景：

• 文件处理：读取和写入二进制文件。
• 网络通信：通过WebSocket或XMLHttpRequest发送和接收二进制数据。
• 图像和音频处理：操作图像和音频文件的二进制数据。

示例代码：

将字符串转换为二进制流（Uint8Array）：

function stringToUint8Array(str) {
    const encoder = new TextEncoder();
    return encoder.encode(str);
}

const str = "Hello, world!";
const uint8Array = stringToUint8Array(str);
console.log(uint8Array);

将二进制流（Uint8Array）转换回字符串：

function uint8ArrayToString(uint8Array) {
    const decoder = new TextDecoder();
    return decoder.decode(uint8Array);
}

const decodedStr = uint8ArrayToString(uint8Array);
console.log(decodedStr); // "Hello, world!"

问题与解决方案：

• 问题：如何处理大文件的二进制数据？
• 解决方案：对于大文件，可以使用FileReader或Blob对象配合ArrayBuffer和TypedArray来分块读取和处理数据，避免一次性加载整个文件导致的内存问题。
• 问题：如何在网络通信中发送和接收二进制数据？
• 解决方案：使用WebSocket或XMLHttpRequest的responseType设置为'arraybuffer'来接收二进制数据。发送时，可以将数据转换为ArrayBuffer或Blob对象。