Breaking News: Grepper is joining You.com. Read the official announcement!

async await promise all javascript

Add Answer

Relieved Rook answered on April 18, 2020 Popularity 10/10 Helpfulness 4/10

answer async await promise all javascript

related promise.all async await

related Promise.all() with async and await

related Promise.all() with async and await to run in console

async await promise all javascript

Comment

let characterResponse = await fetch('http://swapi.co/api/people/2/')
let characterResponseJson = await characterResponse.json()
let films = await Promise.all(
  characterResponseJson.films.map(async filmUrl => {
    let filmResponse = await fetch(filmUrl)
    return filmResponse.json()
  })
)
console.log(films)

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: dev.to

Tags: async-await javascript promise

Link to this answer
Share Copy Link

Contributed on Apr 18 2020

Relieved Rook

0 Answers Avg Quality 2/10

Closely Related Answers

promise.all async await

Comment

async function fetchABC() {
  const [a, b, c] = await Promise.all([a(), b(), c()]);

}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: alligator.io

Tags: async-await asyn

Link to this answer
Share Copy Link

Contributed on Apr 20 2020

Clever Cicada

0 Answers Avg Quality 2/10

Promise.all() with async and await

Comment

const runAsyncFunctions = async () => {
  const users = await getUsers()

  Promise.all(
    users.map(async (user) => {
      const userId = await getIdFromUser(user)
      console.log(userId)

      const capitalizedId = await capitalizeIds(userId)
      console.log(capitalizedId)
    })
  )

  console.log(users)
}

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: softhunt.net

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Apr 10 2022

Outrageous Ostrich

0 Answers Avg Quality 2/10

Promise.all() with async and await to run in console

Comment

// First promise returns an array after a delay
const getUsers = () => {
  return new Promise((resolve, reject) => {
    return setTimeout(
      () => resolve([{ id: 'ranjeet' }, { id: 'adil' }, { id: 'preet' }]),
      600
    )
  })
}


// Second promise relies on the result of first promise
const getIdFromUser = (user) => {
  return new Promise((resolve, reject) => {
    return setTimeout(() => resolve(user.id), 500)
  })
}


// Third promise relies on the result of the second promise
const capitalizeIds = (id) => {
  return new Promise((resolve, reject) => {
    return setTimeout(() => resolve(id.toUpperCase()), 200)
  })
}

const runAsyncFunctions = async () => {
  const users = await getUsers()

  Promise.all(
    users.map(async (user) => {
      const userId = await getIdFromUser(user)
      console.log(userId)

      const capitalizedId = await capitalizeIds(userId)
      console.log(capitalizedId)
    })
  )

  console.log(users)
}

runAsyncFunctions()

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: softhunt.net

Tags: console

Link to this answer
Share Copy Link

Contributed on Apr 10 2022

Outrageous Ostrich

0 Answers Avg Quality 2/10

async await promise all javascript

Contents

More Related Answers

async await promise all javascript

Closely Related Answers

promise.all async await

Promise.all() with async and await

Promise.all() with async and await to run in console

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.