TypedArray.from()

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.

TypedArray.from() 方法 从一个类数组或者可迭代对象中创建一个新类型数组。这个方法和 Array.from() 类似。

语法

js
TypedArray.from(arrayLike, mapFn)
TypedArray.from(arrayLike, mapFn, thisArg)

上面代码中的 TypedArray 需要替换为下面的任何一个构造函数：

参数

source

想要转换为类型数组的类数组或者可迭代对象。

mapFn

可选参数。如果指定了该参数，则最后生成的类型数组会经过该函数的加工处理后再返回。

thisArg

可选参数。执行 mapFn 函数时 this 的值。

返回值

一个新的 TypedArray 实例。

描述

TypedArray.from() 允许你从下面两者来创建数组：

  • 类数组对象（拥有一个 length 属性和若干索引属性的任意对象）
  • 可迭代对象（你可以从它身上迭代出若干个元素的对象，比如有 Map 和 Set 等）。

TypedArray.from() 方法有一个可选参数 mapFn, 让你可以在最后生成的类型数组上再执行一次 map 方法后再返回。也就是说以下两种形式是等价的：

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

from() 的 length 属性值为 1。

Array.from() 和 TypedArray.from() 之间有一些微妙的区别：

  • 如果 |this| 的值传递给 TypedArray.from 不是一个构造器，TypedArray.from 将抛出{jsxref("TypeError")}}, 而 Array.from 默认将创建一个 Array.
  • TypedArray.from 使用[Put] 而 rray.from 使用[DefineProperty]]. 因此，当和 Proxy 对象一起时，它调用 handler.set 创建一个新的元素而非 handler.defineProperty.
  • 当 from 获得一个迭代器时，TypedArray 一开始收集迭代器中的所有值，此时创建一个 |this| 的实例用于计数，然后在实例中设置值。 Array.from 设置每个从迭代器其中获取的值，最后设置它的长度。
  • 当 Array.from 获得一个不可迭代的类数组时，it respects holes, 而 TypedArray.from 将确保结果是 dense.

示例

js
// 使用 Set (可迭代对象)
var s = new Set([1, 2, 3]);
Uint8Array.from(s);
// Uint8Array [ 1, 2, 3 ]

// 使用字符串
Int16Array.from("123");
// Int16Array [ 1, 2, 3 ]

// 使用箭头函数对数组元素进行映射
Float32Array.from([1, 2, 3], (x) => x + x);
// Float32Array [ 2, 4, 6 ]

// 生成一个数字序列
Uint8Array.from({ length: 5 }, (v, k) => k);
// Uint8Array [ 0, 1, 2, 3, 4 ]

规范

Specification
ECMAScript Language Specification
# sec-%typedarray%.from

浏览器兼容性

BCD tables only load in the browser

参见