javascript如何操作二进制数据_ArrayBuffer和TypedArray是什么？

JavaScript操作二进制数据的核心是ArrayBuffer（不可读写的原始字节容器）和TypedArray（基于ArrayBuffer的类型化视图，如Uint8Array），配合DataView实现灵活的非对齐、多端序读写。

JavaScript 操作二进制数据的核心是 ArrayBuffer 和 TypedArray，它们不是“类”，而是底层数据容器和视图机制：ArrayBuffer 存储原始字节，TypedArray（如 Uint8Array、Int32Array）提供带类型和内存布局的读写接口。

ArrayBuffer 是一段连续的原始内存

它本身不可读写，只是一个固定大小的字节块，类似 C 里的 malloc 分配的一段内存。创建后不能扩容，也不能直接访问内容。

• 用 new ArrayBuffer(1024) 创建一个 1024 字节的缓冲区
• 通过 .byteLength 获取字节数，只读
• 常见来源包括 fetch().arrayBuffer()、FileReader.readAsArrayBuffer()、WebAssembly.Memory.buffer

TypedArray 是 ArrayBuffer 的“解读方式”

它不保存数据，只是在 ArrayBuffer 上建立一个有类型、有起始偏移和长度的视图。同一段 ArrayBuffer 可以被多个不同类型的 TypedArray 同时查看。

• 例如：const buf = new ArrayBuffer(8); const view = new Uint32Array(buf); —— 把前 8 字节按两个无符号 32 位整数解读
• 常用构造器：Uint8Array（字节）、Int16Array（有符号16位）、Float64Array（双精度浮点）等
• 支持数组常用方法：.map()、.slice()、.set()，但注意 .slice() 返回新 TypedArray，不共享 buffer

实际操作二进制数据的典型流程

从加载到解析再到修改，通常三步走：

标签： javascript java 字节