> For the complete documentation index, see [llms.txt](https://lochiwei.gitbook.io/web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://lochiwei.gitbook.io/web/js/val/builtin/arr/static-methods/array.from.md).

# Array.from()

{% hint style="success" %}
create [`Array`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array) from:

* <mark style="color:yellow;">**array-like**</mark>**&#x20;objects** (with a <mark style="color:purple;">**`length`**</mark> property and <mark style="color:orange;">**indexed elements**</mark>)
* [iterable objects](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Iteration_protocols) (such as [`Map`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Map) and [`Set`](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Set)).
  {% endhint %}

{% tabs %}
{% tab title="💈範例" %}

```javascript
// ⭐️ from iterables
Array.from('foo')         // [ "f", "o", "o" ]

// ⭐️ from "array-like" objects
function f() { return Array.from(arguments) }
f(1, 2, 3)                // [ 1, 2, 3 ]

Array.from(               // [0, 1, 2, 3, 4] ⭐️
    {length: 5},          // "array-like" object
    (_, i) => i
)
```

{% endtab %}

{% tab title="📘 手冊" %}

* [Array.from()](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/from)
  {% endtab %}

{% tab title="⬇️ 應用" %}

* [mat.transpose()](/web/js/val/builtin/arr/matrix-methods/mat.transpose.md)
  {% endtab %}

{% tab title="👥 相關" %}

* [Array.list(n)](/web/js/val/builtin/arr/static-methods/array.integers.md)
  {% endtab %}
  {% endtabs %}