Featured image of post Typed Arrays en JavaScript: Procesamiento de datos binarios en el navegadorFeatured image of post Typed Arrays en JavaScript: Procesamiento de datos binarios en el navegador

Typed Arrays en JavaScript: Procesamiento de datos binarios en el navegador

Master JavaScript Typed Arrays for binary data processing: ArrayBuffer, TypedArray views, DataView, endianness, WebAssembly integration, and Canvas pixel manipulation.

El tipo Number nativo de JavaScript es ineficiente para datos binarios. Los Typed Arrays (ES2015) traen gestión de memoria tipo C al navegador.

ArrayBuffer

Buffer binario raw de longitud fija. No se puede leer/escribir directamente — debe usarse una vista.

Vistas TypedArray

Int8Array, Uint8Array, Float32Array, etc. Cada vista interpreta los bytes como un tipo numérico específico. subarray() crea una subvista sin copia.

DataView para estructuras complejas

Permite lectura/escritura en offsets arbitrarios con tipo y endianness explícitos. Ideal para formatos binarios como BMP, PNG, WAV.

Endianness

Big-endian vs little-endian. Detectable en tiempo de ejecución. Crucial para protocolos de red y formatos de archivo.

Manipulación de píxeles en Canvas

ImageData usa Uint8ClampedArray. Permite filtros de imagen y procesamiento de video en tiempo real sin librerías.

Integración con WebAssembly

WebAssembly.Memory usa ArrayBuffer. Modelo de copia cero para aplicaciones de alto rendimiento.