[ Web Proxy ]
URL:
Viewing: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/fromAsync [Back]  [Original]
Array.fromAsync() - JavaScript | MDN
HTML

HTML: Markup language

HTML reference
HTML guides
Markup languages
CSS

CSS: Styling language

CSS reference
CSS guides
Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference
JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference
Web API guides
All

All web technology

Technologies
Topics
Learn

Learn web development

Frontend developer course
Learn HTML
Learn CSS
Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  2. JavaScript
  3. JavaScript
  5. Array
  6. fromAsync()
Theme
  • OS default
  • Light
  • Dark
Remember language Learn more

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

Array.fromAsync()

Baseline Widely available

This feature is well established and works across many devices and browser versions. Its been available across browsers since 2024 1.

Array.fromAsync() , , Array .

In this article

js
Array.fromAsync(arrayLike)
Array.fromAsync(arrayLike, mapFn)
Array.fromAsync(arrayLike, mapFn, thisArg)

arrayLike

, , .

mapFn Optional

. , (await ) mapFn . .

element

. await , then .

index

.

thisArg Optional

mapFn this .

Array Promise.

Array.fromAsync() .

Array.fromAsync() for await...of . Array.fromAsync() Array.from() .

  • Array.fromAsync() .
  • Array.fromAsync() Promise .
  • Array.fromAsync() await.
  • mapFn , await .

Array.fromAsync() Promise.all() . .

  • Array.fromAsync() yield await . Promise.all() await .
  • Array.fromAsync() (lazy) , . Promise.all() await .

js
const asyncIterable = (async function* () {
  for (let i = 0; i < 5; i++) {
    await new Promise((resolve) => setTimeout(resolve, 10 * i));
    yield i;
  }
})();

Array.fromAsync(asyncIterable).then((array) => console.log(array));
// [0, 1, 2, 3, 4]

js
Array.fromAsync(
  new Map([
    [1, 2],
    [3, 4],
  ]),
).then((array) => console.log(array));
// [[1, 2], [3, 4]]

yield

js
Array.fromAsync(
  new Set([Promise.resolve(1), Promise.resolve(2), Promise.resolve(3)]),
).then((array) => console.log(array));
// [1, 2, 3]

js
Array.fromAsync({
  length: 3,
  0: Promise.resolve(1),
  1: Promise.resolve(2),
  2: Promise.resolve(3),
}).then((array) => console.log(array));
// [1, 2, 3]

mapFn

mapFn Array.fromAsync() await .

js
function delayedValue(v) {
  return new Promise((resolve) => setTimeout(() => resolve(v), 100));
}

Array.fromAsync(
  [delayedValue(1), delayedValue(2), delayedValue(3)],
  (element) => delayedValue(element * 2),
).then((array) => console.log(array));
// [2, 4, 6]

Promise.all()

Array.fromAsync() yield await . Promise.all() await .

js
function* makeAsyncIterable() {
  for (let i = 0; i < 5; i++) {
    yield new Promise((resolve) => setTimeout(resolve, 100));
  }
}

(async () => {
  console.time("Array.fromAsync() ");
  await Array.fromAsync(makeAsyncIterable());
  console.timeEnd("Array.fromAsync() ");
  // Array.fromAsync() : 503.610ms

  console.time("Promise.all() ");
  await Promise.all(makeAsyncIterable());
  console.timeEnd("Promise.all() ");
  // Promise.all() : 101.728ms
})();

for await...of , , , return() .

js
function* generatorWithRejectedPromises() {
  try {
    yield 0;
    yield Promise.reject(3);
  } finally {
    console.log("finally ");
  }
}

(async () => {
  try {
    await Array.fromAsync(generatorWithRejectedPromises());
  } catch (e) {
    console.log(e, "");
  }
})();
// 3 
// "finally "

, for...of , await .

js
(async () => {
  const arr = [];
  try {
    for (const val of generatorWithRejectedPromises()) {
      arr.push(await val);
    }
  } catch (e) {
    console.log(e, "");
  }
})();
// finally 
// 3

Specification
ECMAScript 2027 LanguageSpecification
# sec-array.fromasync

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 2025 10 10 by MDN contributors.

View this page on GitHub Report a problem with this content
Clear filter input
  2. Array
    1. Array()
    1. from()
    2. fromAsync()
    3. isArray()
    4. of()
    1. [Symbol.species]
    1. at()
    2. concat()
    3. copyWithin()
    4. entries()
    5. every()
    6. fill()
    7. filter()
    8. find()
    9. findIndex()
    10. findLast()
    11. findLastIndex()
    12. flat()
    13. flatMap()
    14. forEach()
    15. includes()
    16. indexOf()
    17. join()
    18. keys()
    19. lastIndexOf()
    20. map()
    21. pop()
    22. push()
    23. reduce()
    24. reduceRight()
    25. reverse()
    26. shift()
    27. slice()
    28. some()
    29. sort()
    30. splice()
    31. toLocaleString()
    32. toReversed()
    33. toSorted()
    34. toSpliced()
    35. toString()
    36. unshift()
    37. values()
    38. with()
    39. [Symbol.iterator]()
    1. length
    2. [Symbol.unscopables]
  9. Object/Function
    1. Function.prototype.apply()
    2. Function.prototype.bind()
    3. Function.prototype.call()
    4. Function.prototype.toSource()
    5. Function.prototype[@@hasInstance]()
    1. Function: displayName
    2. Function.prototype.length
    3. Function: name
    4. Function
    5. Function.arguments
    6. Function.prototype.caller
    1. Object.prototype.__defineGetter__()
    2. Object.prototype.__defineSetter__()
    3. Object.prototype.__lookupGetter__()
    4. Object.prototype.__lookupSetter__()
    5. Object.prototype.hasOwnProperty()
    6. Object.prototype.isPrototypeOf()
    7. Object.prototype.propertyIsEnumerable()
    8. Object.prototype.toLocaleString()
    9. Object.prototype.toString()
    10. Object.prototype.valueOf()
    1. Object.prototype.__proto__
    2. Object.prototype.constructor
MDN

Your blueprint for a better internet.

MDN
Contribute
Developers
Mozilla

Portions of this content are 19982026 by individual mozilla.org contributors. Content available under a Creative Commons license.

Web Proxy Viewer  |  New URL  |  Original Page