Typed Array Methods

The from() Method

The from()method creates a new typed array from any iterable object:

Examples

const myArr = Int16Array.from("1234567890");

The of() Method

The of() method creates a new typed array from a number of arguments:

Example

const myArr = Int16Array.of(1,2,3,4,5,6,7,8,9,0);

The constructor.name Property

The constructor.name property returns the name (type) of a typed array:

Example

myArr.constructor.name

The BYTES_PER_ELEMENT Property

BYTES_PER_ELEMENT returns the number of bytes used to store each array element:

Example

myArr.BYTES_PER_ELEMENT

Common Array Methods

Typed Arrays share many methods with Standard Arrays:

• Iteration: forEach(), map(), filter(), reduce(), reduceRight(), every(), some(), find(), findIndex(), findLast(), findLastIndex().
• Searching: includes(), indexOf(), lastIndexOf().
• Manipulation: at(), copyWithin(), fill(), reverse(), set(), slice(), sort(), subarray().
• Conversion: join(), toLocaleString(), toString().
• Non-mutating methods: toReversed(), toSorted(), with().

The fill() Method

The fill() method changes all elements in a typed array to a value:

Example

myArr.fill(200);

The fill() method takes two optional arguments: start index and end index:

Example

myArr.fill(200, 0, 3);

The find() Method

The find() method returns the first element that satisfies a test:

Example

myArr.find((x) => x > 18)

The some() Method

The some() method returns true if an element for which a provided function returns true:

Example

myArr.some((x) => x > 18)

Not Available Array Methods

Some array methods are NOT available for typed array.

This is due to the fixed-length nature and the lack of fixed structure.

Browser APIs Supporting Typed Arrays

Fetch API Example

fetch(url)

.then(request => request.arrayBuffer())

.then(arrayBuffer =>...);

Canvas Example

const canvas = document.getElementById('my_canvas');

const context = canvas.getContext('2d');

const imageData = context.getImageData(0, 0, canvas.width, canvas.height);

const uint8ClampedArray = imageData.data;

Browser Support

Typed Arrays is an ES6 feature.

ES6 is fully supported in all modern browsers since June 2017: