Why should you care?

Normal arrays of numbers use more memory; typed arrays are compact and fast.

See it live — copy this example

Paste into an HTML file or the browser console (F12). Use Run below when the live editor is available.

const bytes = new Uint8Array([0, 255, 128]);
console.log(bytes[1]);
console.log(bytes.BYTES_PER_ELEMENT);

Run Example »

Edit the code below and click Run to see the result in Toolliyo’s live editor.

What happened?

• Fixed element size.
• Share memory with ArrayBuffer.
• Common in canvas and audio processing.

Practice next

1. Create Uint8Array and log bytes.
2. Inspect BYTES_PER_ELEMENT.
3. Create ArrayBuffer and view with DataView.
4. Copy slice of buffer into new Uint8Array with subarray.
5. Fill canvas ImageData buffer with random Uint8ClampedArray values.

Remember

Binary numeric data Uint8Array etc. Graphics and files

ScriptVerse waveform viewer

Audio dashboard plots samples from Float32Array returned by Web Audio API.

Outcome: Typed arrays bridge JavaScript and binary media APIs efficiently.