Typed Array Methods
The from() Method
Thefrom()method creates a new typed array from any iterable object:
Examples
Create a typed array from a string:
Create a typed array from an array:
The of() Method
Theof() method creates a new typed array from a number of arguments:
The constructor.name Property
Theconstructor.name property returns the name (type) of a typed array:
The BYTES_PER_ELEMENT Property
BYTES_PER_ELEMENT returns the number of bytes used to store each array element:
Common Array Methods
Typed Arrays share many methods withStandard 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
Thefill() method changes all elements in a typed array to a value:
Thefill() method takes two optional arguments: start index and end index:
The find() Method
Thefind() method returns the first element that satisfies a test:
The some() Method
Thesome() method returns true if an element for which a provided function returns true:
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.
| Method | Array | Typed Array |
|---|---|---|
| pop() | Yes | NO |
| push() | Yes | NO |
| shift() | Yes | NO |
| unshift() | Yes | NO |
| splice() | Yes | NO |
| flat() | Yes | NO |
| flatMap() | Yes | NO |
| concat() | Yes | NO |
| toSpliced() | Yes | NO |
Browser APIs Supporting Typed Arrays
Fetch API Example
.then(request => request.arrayBuffer())
.then(arrayBuffer =>...);
Canvas Example
const context = canvas.getContext('2d');
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
const uint8ClampedArray = imageData.data;
Browser Support
Typed Arrays is anES6 feature.
ES6 is fully supported in all modern browsers since June 2017:
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| May 2016 | Apr 2017 | Jun 2017 | Sep 2016 | Jun 2016 |
