// Arrow function
TypedArray.from(arrayLike, (element) => { /* ... */ } )
TypedArray.from(arrayLike, (element, index) => { /* ... */ } )

// Mapping function
TypedArray.from(arrayLike, mapFn)
TypedArray.from(arrayLike, mapFn, thisArg)

// Inline mapping function
TypedArray.from(arrayLike, function mapFn(element) { /* ... */ })
TypedArray.from(arrayLike, function mapFn(element, index) { /* ... */ })
TypedArray.from(arrayLike, function mapFn(element) { /* ... */ }, thisArg)
TypedArray.from(arrayLike, function mapFn(element, index) { /* ... */ }, thisArg)

Where TypedArray is one of:

• Int8Array
• Uint8Array
• Uint8ClampedArray
• Int16Array
• Uint16Array
• Int32Array
• Uint32Array
• Float32Array
• Float64Array
• BigInt64Array
• BigUint64Array

arrayLike

An array-like or iterable object to convert to a typed array.

mapFn Optional

Map function to call on every element of the typed array.

thisArg Optional

Value to use as this when executing mapFn.

A new TypedArray instance.

TypedArray.from() lets you create typed arrays from:

• array-like objects (objects with a length property and indexed elements); or
• iterable objects (objects where you can get its elements, such as Map and Set).

TypedArray.from() has the optional parameter mapFn, which allows you to execute a map() function on each element of the typed array (or subclass object) that is being created. This means that the following are equivalent:

• TypedArray.from(obj, mapFn, thisArg)
• TypedArray.from(Array.prototype.map.call(obj, mapFn, thisArg)).

The length property of the from() method is 1.

Some subtle distinctions between Array.from() and TypedArray.from():

• If the thisArg value passed to TypedArray.from() is not a constructor, TypedArray.from() will throw a TypeError, where Array.from() defaults to creating a new Array.
• TypedArray.from() uses [[Set]] where Array.from() uses [[DefineOwnProperty]]. Hence, when working with Proxy objects, it calls handler.set() to create new elements rather than handler.defineProperty().
• When the source parameter is an iterator, the TypedArray.from() first collects all the values from the iterator, then creates an instance of thisArg using the count, then sets the values on the instance. Array.from() sets each value as it receives them from the iterator, then sets its length at the end.
• When Array.from() gets an array-like which isn't an iterator, it respects holes. TypedArray.from() will ensure the result is dense.

Using an arrow function as the map function to manipulate the elements

Float32Array.from([1, 2, 3], (x) => x + x);
// Float32Array [ 2, 4, 6 ]

• Polyfill of TypedArray.from in core-js
• TypedArray.of()
• Array.from()
• Array.prototype.map()
• A polyfill