这篇文章我们来了解“JS中用循环迭代数组并在循环内等待的实现是怎样”的内容，小编通过实际的案例向大家展示了操作过程，简单易懂，有需要的朋友可以参考了解看看，那么接下来就跟随小编的思路来往下学习吧，希望对大家学习或工作能有帮助。

下面是如何使用for..of 循环来迭代一个数组并在循环内等待：

const fun = (prop) => {
  return new Promise(resolve => {
    setTimeout(() =>
      resolve(`done ${prop}`), 1000);
  })
}

const go = async () => {
  const list = [1, 2, 3]

  for (const prop of list) {
    console.log(prop)
    console.log(await fun(prop))
  }

  console.log('done all')
}

go()

你需要把循环放在一个异步函数中，然后你可以使用await ，循环会停止迭代，直到我们正在等待的承诺得到解决。

你可以用for...in循环做同样的事情，对一个对象进行迭代：

const fun = (prop) => {
  return new Promise(resolve => {
    setTimeout(() =>
      resolve(`done ${prop}`), 1000);
  })
}
const go = async () => {
  const obj = { a: 1, b: 2, c: 3 };

  for (const prop in obj) {
    console.log(prop)
    console.log(await fun(prop))
  }

  console.log('done all')
}

go()

你也可以使用while 或do..while 或for 循环，也是这种结构。

但是你不能用Array.forEach() 或Array.map() 来等待。

到此这篇关于“JS中用循环迭代数组并在循环内等待的实现是怎样”的文章就介绍到这了,更多相关JS中用循环迭代数组并在循环内等待的实现是怎样内容，欢迎关注群英网络技术资讯频道，小编将为大家输出更多高质量的实用文章！

免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：mmqy2019@163.com进行举报，并提供相关证据，查实之后，将立刻删除涉嫌侵权内容。

猜你喜欢

• element-ui封装表单金额输入框怎么做，有哪些实现要注意

  这篇文章主要介绍了基于element-ui封装表单金额输入框的方法示例，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

• jQuery中this是什么意思，怎样应用？

  jQuery中this是什么意思？一些新手可能对于jQuery中this及其应用不是很了解，对此篇就给大家来简单的介绍一下this以及this的使用，对大家学习和认识有用的的帮助，需要的朋友可以了解看看，接下来就跟随小编学习一下吧。

• 微信小程序中的搜索框功能怎么做，方法是什么

  这篇文章主要为大家详细介绍了微信小程序实现搜索框功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• 基于Vue如何实现拖拽悬浮按钮，代码是什么

  这篇文章主要为大家详细介绍了vue实现移动端拖拽悬浮按钮，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

• JS函数的定义方式有几种，用法是怎样的

  本篇文章给大家带来了关于JavaScript的相关知识，其中主要整理了函数的定义与基本使用的相关问题，包括了用函数语句定义、函数的调用、未定义的实参等等内容，下面一起来看一下，希望对大家有帮助。