async/await forEach和Promise.all + map有什么区别
async/await forEach和Promise.all + map是两种处理异步操作的方式，它们有以下区别：
- 语法差异：
- async/await forEach是ES8引入的语法糖，可以在异步函数中使用类似于同步代码的方式处理异步操作。它使用for...of循环遍历数组或可迭代对象，并在每次迭代中等待异步操作完成。
- Promise.all + map是使用Promise的方式处理异步操作。它使用Array.prototype.map方法将每个元素映射为一个Promise对象，并使用Promise.all方法等待所有Promise对象都完成。
- 并发性：
- async/await forEach是串行执行的，即每次迭代都会等待上一次迭代的异步操作完成后再进行下一次迭代。这可能会导致较慢的执行速度，因为每个异步操作都需要等待前一个异步操作完成。
- Promise.all + map是并行执行的，即所有的异步操作会同时开始执行，并在所有异步操作都完成后才继续执行后续代码。这可以提高执行效率，特别是当异步操作之间没有依赖关系时。
- 错误处理：
- async/await forEach可以使用try...catch语句捕获每次迭代中的异常，并进行相应的错误处理。
- Promise.all + map可以使用.catch方法或在Promise.all之后使用.catch捕获所有异步操作中的异常，并进行相应的错误处理。
- 返回值：
- async/await forEach没有返回值，因为它是用于处理异步操作的语法糖，主要用于执行一系列的异步操作。
- Promise.all + map返回一个新的Promise对象，该Promise对象在所有异步操作都成功完成时被解析，并将每个异步操作的结果作为数组传递给解析函数。
综上所述，async/await forEach适用于需要按顺序处理异步操作的场景，而Promise.all + map适用于需要并行处理多个独立的异步操作并获取结果的场景。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云函数计算（云原生）：https://cloud.tencent.com/product/scf
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云安全中心：https://cloud.tencent.com/product/ssc
- 腾讯云音视频处理：https://cloud.tencent.com/product/mps
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网通信：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动开发：https://cloud.tencent.com/product/mobdev
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云游戏多媒体引擎：https://cloud.tencent.com/product/gme
- 腾讯云元宇宙：https://cloud.tencent.com/product/mta
相关·内容
2回答
async function multiply(task) {
return task * 2
}
var arr = [1, 2, 3, 4];
var res = [];
arr.forEach(async task => {
res.push(await multiply(task))
});
console.log(res)
输出
[]
期望的
[2,4,6,8]
我想等到所有的项目被乘以2，然后得到一个数组的结果。
注意： multiply是一个异步函数，因此有必要在forEach中编写async task。我不能成倍地改变。
浏览 3提问于2020-09-08得票数 0
回答已采纳
3回答
我有这段代码，当我运行时，它会按这个顺序运行‘1’和‘2’。
所以下面的代码很好用。
(async () => {
await runit('one').then(res => {
console.info(res);
});
await runit('two').then(res => {
console.info(res);
});
})();
现在，我想做同样的事情，但是用循环代替，所以我做了以下工作：
const arr = ['one', 'two'];
arr
浏览 0提问于2019-05-09得票数 2
回答已采纳
我有一个包含多个forEach循环的函数：
async insertKpbDocument(jsonFile) {
jsonFile.doc.annotations.forEach((annotation) => {
annotation.entities.forEach(async (entity) => {
await this.addVertex(entity);
});
annotation.relations.forEach(async (relation) => {
await this.
浏览 1提问于2018-04-30得票数 4
回答已采纳
我想谈谈object.But的独特价值，因为在异步编程中经验较少，我被卡住了。这就是方法 gameSchema.methods.computeBets = async function(callback){
const game = this;
try {
const { gameType } = game;
let model = Schema;
gameType === 'Fast Parity' ? model = FastParity : model = SlowParity;
const
浏览 15提问于2021-07-08得票数 0
回答已采纳
1回答
我有这三个函数，我不明白为什么要在b完全结束之前执行c。我需要在c内部使用一个全局变量，这个变量由我在b内部调用的函数d填充。 var globalVariable = {};
async function start() {
await b();
await c();
}
async function b()
var targets = {} //it is a populated array of objects
Object.keys(targets).forEach(async(key) => {
await d(ke
浏览 11提问于2020-11-11得票数 0
回答已采纳
2回答
我有一个需要返回user_ids数组的async函数。我的代码如下：
async function getUserIds(option) {
let user_ids = [];
if (option === 'test') {
const departments = await Departments.find({}).exec()
.catch(() => console.log('ERROR');
console.log('BEFORE LOOP');
await department
浏览 0提问于2020-09-11得票数 1
如何使用async / await来实现以下目标？
self.onmessage = event => {
// async stuff in forEach needs to finish
event.data.search.split(',').forEach((s, i) => {
db.get('customers').then(doc => {
...
})
})
// before getting here
}
浏览 5提问于2017-03-06得票数 0
回答已采纳
我对Axios和foreach循环有个问题。我的Api提供者只支持5次当前的呼叫，所以我想一个接一个地调用，但是当执行这个代码时，每个主体都不等待finish调用函数并接收错误代码429。如何解决这个问题？谢谢。
async function call(url) {
var options = {
method: 'GET',
url: url,
auth: {
username: '*****',
password: '*****'
}
};
var response = aw
浏览 2提问于2020-12-04得票数 2
回答已采纳
我在一个方法中有两个Promise.all()工作块。我想将这两个Promise.all()组合成一个。单个Promise.all()包含一个执行异步任务的映射函数。示例：
let obj1 = [], obj2 = [];
await Promise.all(container1.map(async (item)=>{
obj1.push(await dbCall(item));
}))
await Promise.all(container2.map(async (item)=>{
obj2.push(await dbCall(item));
}))
上面的块填充
浏览 2提问于2020-01-23得票数 0
回答已采纳
3回答
我想在我和Webpack的项目中使用Eslint插件，但是它不允许我在循环中使用await。
它建议从循环中删除await，然后添加一个Promise。
错误的例子：
async function foo(things) {
const results = [];
for (const thing of things) {
// Bad: each loop iteration is delayed until the entire asynchronous operation completes
results.push(await bar(thing));
}
浏览 3提问于2021-03-22得票数 0
回答已采纳
当使用await时，我对如何迭代Firebase实时数据库节点感到有点困惑。如何在循环中执行查询？ 我的数据分为三个层次(notes --> userId --> noteId) notes:{
-ABC: {
-123:{ ... },
-456:{ ... }
},
-CDE:{
-789:{ ... },
-011:{ ... }
}
} 我的代码使用了传统的.once()回调函数--这是可行的。 await database.ref('notes').once('value', (topSna
浏览 22提问于2020-07-22得票数 1
回答已采纳
我在这里要做的基本上是在数据库中检查一堆保存的消息，检查它们是否仍然存在，如果它们不存在，就删除它们，所以我所做的是检查消息是否存在，如果没有，它将它推入一个数组中，包含所有不存在的消息，但是代码以错误的顺序运行，它在循环结束之前运行if语句。例如，它会在1之前将日志记录到日志中，任何帮助都是非常感谢的。
const {
reactionRoleInformation,
} = require("../database-functions/reactionroles/reactionRoleInformation");
const {
浏览 3提问于2022-06-07得票数 1
回答已采纳
我很难理解这两种方法之间的区别。 我有一个特定的Promise.All，它按照预期工作，之后，一个then函数被用来从响应中提取数据。我不知道为什么使用forEach方法会打印出数据，但是如果我使用map方法，我会得到返回承诺。 <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initi
浏览 3提问于2019-04-17得票数 0
回答已采纳
3回答
用异步/等待方式获取数据时出错
、、、、
嗨，我正试着获取一个国家的数据，然后我想为它的邻国取名字。
import React from 'react';
export default function DetailsRoute({ match }) {
const [countryData, setCountryData] = React.useState({});
const [borderCountries, setBorderCountries] = React.useState([]);
React.useEffect(() => {
fetchCountr
浏览 16提问于2020-08-22得票数 1
回答已采纳
3回答
角质等待，不等待
、、
我有一些await-s设置为这样的代码：
async calculateDeletionResidualsData(res) {
//console.log("resss is:");
//console.log(res);
let selectedCountries = this.countriesList.filter(c => c.selected);
let selectedIndicators = this.indicatorsList.filter(i => i.selected);
await selecte
浏览 1提问于2020-01-23得票数 2
回答已采纳
是否有什么方法可以在非for循环中使用async/await调用异步函数(例如foreach、map)，并在所有异步函数完成后才继续执行rest代码？
const layers = ["layer1", "layer2", "layer3"];
async function connect(layer: string): Promise<object> {
return new Promise((resolve, reject) => {
setTimeout(function () {
浏览 3提问于2018-10-10得票数 1
回答已采纳
我正在计算Firebase Cloud Function上的用户/活动中的订户数量。但是，当结果total numbers的运行速度比运行total numbers快时，就会出现错误。 export const howManySubscribers = async () => {
await firestoreRef
.collection('users')
.get()
.then((userQuerySnapshot) => {
userQuerySnapshot.forEach((userDoc) => {
浏览 25提问于2020-09-12得票数 0
3回答
我的JavaScript代码看起来像这样(在节点中使用Sequelize )： if (require.main == module) {
(async () => {
const my_var = await MyModel.createWithChildren('name', ['one', 'two']);
console.log('before');
console.log(await my_var.getChildren());
consol
浏览 12提问于2020-12-01得票数 1
回答已采纳
我正在尝试对find结果中的每个文档执行异步操作。有没有办法使用cursor.map或cursor.forEach？
我已经尝试了这两种方法，但我没有任何运气。
# Using map
const x = await db.collection('collectionName').find({});
x.map(async doc => return await operation(doc));
// or
await x.map(async doc => return await operation(doc));
# Using forEach
const x
浏览 2提问于2018-09-18得票数 1
我正在写一个函数，它应该接受一个动物id的对象，并基于该对象中的键向api发出请求，并获取与该键值相关的数据(例如: id)。 问题是，当我试图将获取的狗和猫推入数组时，我无法在Object.keys().foreEach循环之外获得要显示的对象。 如何在我的动物数组中返回获取的数据？ const animalIds = {
dogId: "11111",
catId: "22222",
};
const findData = async (animalIds) => {
let animals = [];
Object.keys
浏览 37提问于2020-09-18得票数 0
回答已采纳
2回答
我希望在typescript中将图像url和尺寸填充到ImageData界面。getDimensionsFromImageUrl是异步调用。如何在没有承诺的情况下创建ImageData数组？ export interface ImageData {
url: string;
size: { width: number; height: number };
}
const images = [];
Array.from(inputFiles).forEach((file) => {
const url = URL.createObjectURL(file);
浏览 22提问于2021-09-17得票数 0
回答已采纳
我在异步函数中有一个forEach循环，forEach内部有两个执行AJAX请求的额外forEach循环。一旦所有AJAX请求都完成，我希望返回一个已解决的承诺。
首先，用户单击"Submit“，然后调用一个函数来处理提交，将submitting属性设置为true。提交完成后，我希望更改submitting属性的值。
submit() {
this.submitting = true;
if (creating) {
this.create().then(() => this.submitting = false)
}
}
下面是create()方法的近似值
浏览 0提问于2018-06-06得票数 3
回答已采纳
我正在使用pokemon 来学习Svelte --我使用fetch来获取pokemons列表和嵌套的fetch调用来获取每个pokemon获取的图像url。当console.logging结果时，pokemons数组看起来很好，并附加了imgUrl。
JavaScript (Svelte)：
async function fetchGroup() {
const response = await fetch('https://pokeapi.co/api/v2/type/11').then(result => result.json());
respons
浏览 4提问于2022-01-08得票数 0
回答已采纳
我是javascript和异步编程方面的新手。我有一个server.js，它从与给定关键字相关的求职网站中抓取值。和一个JobDataFetcher类来获取它们。
JobDataFetcher类：
class JobDataFetcher {
constructor() {}
async getSingleJobPostingCount(keyword) {
const response = await fetch(`http://localhost:3000/${keyword}`);
const jobPostingCount = awai
浏览 0提问于2019-07-15得票数 0
回答已采纳
我正在使用redux工具包和防火墙构建CRUD应用程序，我不知道如何从防火墙中删除一个项目，我真的不知道为什么下面的代码不能工作。我尝试了几种不同的方法，目前我遇到的错误是：
“无法使用' in‘运算符搜索未定义的'_delegate’”
下面是切片中的相关代码：
export const recipeSlice = createSlice({
name: 'recipesSlice',
initialState: {
recipes: []
},
reducers: {
ADD_
浏览 1提问于2022-07-10得票数 0
回答已采纳
我有一个显示用户联系人的页面。它检索来自特定用户的_ids数组，并且应该遍历这些数组以获取相应的联系信息。然而，我被异步操作卡住了。在当前情况下，它在将第一个联系人信息推送到invitationsFromFriendsData数组后解析。如果我将解析放在forEach循环之外，它会立即解析，而不会向数组中添加任何联系人信息。我做错了什么？ exports.contactBoard = async (req, res) => {
const username = req.params.username;
const doc = await User.findOne({
浏览 14提问于2021-02-07得票数 0
1回答
按数组顺序获取数据
、、、、
我有一个数组，它包含一个ID列表。使用它，我尝试从WordPress REST中获取一些帖子数据。我设法检索了我正在寻找的数据，但我遇到的问题是，由map函数生成的数组中的对象与原始数组中的in的顺序不同。
fetchData = async () => {
const array = [];
await Promise.all( ids.map( async id => {
await apiFetch( {
path: `/wp/v2/posts/${ id }`,
} ).then( response =
浏览 2提问于2019-10-20得票数 0
回答已采纳
1回答
在没有Promise.all和Array.prototype.map的情况下，是否有更简单的方法来用类型记录来表达这个语法？
const items = [...];
await Promise.all(items.map(async item => {
doSomething(item);
const result = await doSomethingAsync(item);
doSomethingMore(result, item);
});
浏览 0提问于2018-05-16得票数 3
回答已采纳
我无法让程序执行暂停，以便在移到另一个函数之前加载所有文件。基本上，在我的程序中，所有图像的路径都被提取出来。然后，对其进行调整和压缩。我的问题是，程序移动到压缩之前，它完成调整大小。请看一看，并推荐一些解决方案。
const path = require('path');
const fs = require('fs');
const jimp = require('jimp');
const compress_images = require('compress-images');
// gets the names of
浏览 9提问于2022-11-15得票数 0
回答已采纳
1回答
我使用这个函数
await getTestData(entry).then(res=> {
for(let i = 0; i < res.length; i++){
//console.log(res[0].data)
console.log("line");
}
}).catch(error => {
console.log("MongoGetError");
浏览 2提问于2019-10-22得票数 0
1回答
地理代码不期待的承诺
、、、、
因此，我有下面的代码，我认为这是正确的等待，但当我深入研究它时，我发现它反应非常快(足够快，可以在角度模板中使用)。
this.dataService.getSomeData().subscribe(async (res) => {
this.historyList = res;
this.historyList.forEach(async (element) => {
console.log('before')
let address = await this.geocode(element);
浏览 2提问于2020-10-01得票数 0
回答已采纳
我使用node-fetch npm包通过特定的API接收数据。在代码中，我编写了一个forEach循环来获取数组中每个元素的响应(在我的示例中，数组是行)。但最后，每当我返回数组并打印时，数组显示一个空的结果([])。我是NodeJS的新手。请帮我解决这个问题。
我想要的:一个响应数组(dataArr)；
async function accessSpreadsheet(cl) {
await doc.useServiceAccountAuth({
client_email: creds.client_email,
private_key: creds
浏览 0提问于2021-04-03得票数 1
2回答
我正在尝试将AWS-认知的所有返回的承诺推入到for循环中的列表中。我想返回与最终结果相同的列表。
因此，基本上，我试图上传一个用户列表到AWS-科尼托，我想返回每个用户的响应从科尼托，在一个列表。
这是我的代码：
let list = [];
body.forEach(async(userItem) => {
await this.userService.uploadUser(userItem) //uploading every user to AWS
.then((user) => { //'user' is t
浏览 0提问于2019-05-06得票数 1
1回答
Part I
所以我有下面的代码=>
let array = [];
await objElements.forEach( async(element) => {
let results = await axios.get('backend_route', {params: element});
results.data.forEach(result => {
array.push(result);
console.log(result);
console.log(array);
// here the `result`
浏览 1提问于2019-12-31得票数 0
回答已采纳
2回答
我正在使用promises和async来等待web请求完成。使用console.log(Infos)显示变量info的值时，变量info为空；
我不确定为什么，我做错了什么？
var processFruits = async () => {
let infos = [];
let fruits = ["apples", "pears", "bananas"]
await fruits.forEach(async fruit => {
let response = await getFruit
浏览 0提问于2019-06-14得票数 1
我有一个这样的代码示例： const iam = ['dd', 'aaa', 'cc'];
async function bigTest() {
async function details() {
const arr = [];
const files = [];
iam.forEach(async (i) => {
arr.push({
name: 'test',
});
浏览 39提问于2019-03-09得票数 0
回答已采纳
4回答
理论上，请考虑以下代码，在I/O操作完成后将消息打印到控制台。
const foo = (num) => new Promise(resolve => setTimeout(resolve, num * 1000)); // An async I/O function in actual code
array = [[1, 2, 3], [1, 2, 3] , [1, 2, 3]];
const promiseArray = array.map(arr => {
arr.map(num => {
return (async () => {
浏览 5提问于2020-07-26得票数 8
回答已采纳
2回答
我正在尝试创建一个“INSERT INTO”查询序列，基于对第三个aprty的API调用的响应。 API响应被分成不同的页面，我循环遍历数据，然后循环遍历页面，尝试更新每段数据的字符串。 响应的所有页都已到达，数据正被添加到总字符串中，但发生的情况是返回发生得太早-即，除最后一页外的所有数据都将被返回。我不明白为什么返回对象bulkInsertString过早返回一页。令人关注的函数是getBulkInsert函数...我认为这与while循环在到达最后一页时停止运行的条件有关。最后一页上的数据肯定会被访问，因为它正在被记录到console.log('string added'
浏览 35提问于2021-11-05得票数 1
回答已采纳
当我在rawCollection中使用异步/等待，并在循环中获取数据，然后设置新属性(poTmp)时，它将按预期工作。但是，在我设置了新属性和外部console.log之后，它不会设置新的道具。为什么？
let items = await Items.rawCollection()
.aggregate([
{
$match: match,
},
])
.toArray()
let data = items
data.forEach(async item => {
let po = await Purcha
浏览 0提问于2018-07-03得票数 0
回答已采纳
1回答
我正在尝试填充'documents‘对象，它只是一个文档数组。我首先构建一个承诺列表，并将这些值存储在“承诺”中，然后调用Promise.all立即启动所有内容。然后，对于每个承诺，我尝试从resolvePromise()中的每个响应中获取文本值，从该值创建一个文档，并将其推送到文档中。
type Documentation = { name: string; source: string; rawText: string };
const documents: Documentation[] = [];
async function resolvePromise(entry: Re
浏览 2提问于2022-11-04得票数 -1
3回答
我有一个从异步函数中获得的项，如下所示：
items = await statusCheck(items.split('\n'))
items是一个我需要添加到localStorage中的数组。问题是，尽管它里面有元素，但它们是不可访问的。
因此，我必须这样做：
items = await statusCheck(items.split('\n'))
setTimeout(() => {
localStorage.setItem(localKey, items.join('\n'))
}, 1000)
有没有一种更优雅的方法来实现这一
浏览 0提问于2020-07-26得票数 0
我正在尝试调整大小和上传多个文件使用multer。它是有效的，但问题是，当我发回数据时，它甚至在数据处理之前就被发送了。所以我得到了一个空的列表。我是nodejs的新手，尝试过在线解决方案，但找不到适合我的解决方案。有人能帮我解决这个问题吗？如何在发送响应前将数据推送到列表中？ 代码附在下面... router.post('/ads/images', upload.array('images',5), async(req,res)=>{
console.log(req.files);
var data = []
await req.files.ever
浏览 19提问于2020-04-05得票数 0
回答已采纳
我使用的是原生react，我使用的是javascript，我使用的是实际的硬件，而不是仿真器。
我正在尝试使用来自AsyncStorage的数据设置tempGroups，然后设置我的组状态。但是，它将Group设置为空数组，然后用数据填充该数组。我该如何解决这个问题？
const LoadData = async () => {
let tempGroups = [];
console.log("start: " + tempGroups.length);
try {
var keys = await AsyncStorage.getA
浏览 0提问于2020-08-31得票数 0
1回答
我正在学习使用mongodb和apollo服务器的node js和graphql，下面的代码按照预期工作，但我有一种感觉，代码可以改进。下面是我的graphql解析器上的代码片段：
Mutation: {
...,
createJob: async (parent, args, { Customer, Employee, Job }) => {
const newJob = await new Job(args).save();
newJob.assigned.map(async(employeeId) => {
const assignedEmployee = a
浏览 0提问于2018-03-22得票数 1
1回答
文件上传异步功能不等待
、、、
我正在尝试创建一个处理批量文件上传的函数。我有一个楼层，每个楼层都有房间。每个房间都可以有一个音频文件。此函数应处理这些文件的上载。我的问题是更新后的"floor“在文件上传之前就被写入了。这意味着我不能让它以异步方式正常工作。
这是我的函数：- tracks是一个对象，键是房间的索引，值是文件本身(使用对象而不是数组，因为这是一个更新函数，所以我可能没有这个对象中的所有房间)。
export const saveFloor = (floor, tracks, cb) => async () => {
const newFloor = { ...floor };
浏览 3提问于2020-05-05得票数 0
1回答
我正在使用axios在express上进行api调用。我有一个外部api控制器，它具有从IGDB调用和获取数据的不同功能。
我有一个gameController.js，它将使用从不同调用中获取的不同数据构建一个最终确定的JSON对象。
这是我的gameController.js
const externalApiController = require("./externalApiController");
exports.getGames = async (req, res) => {
var initialGameResult = await externalA
浏览 5提问于2022-10-12得票数 0
回答已采纳
2回答
我想我在一个非常简单的问题上挣扎了几天。 我有多个这样的电话 for(var i = 1; i <= timeToIterate;i++){
xapi.fetch({})
.then(function (response) {
response.results.forEach(y => {
yapi.fetch({})
.then(function (response2){
//some treatment her
浏览 24提问于2019-10-17得票数 1
回答已采纳
1回答
我有一个场景，在这个场景中，我正在读取一个yaml文件，并根据数据调用标记aws资源。
await Promise.all(doc?.SQS.map(async (queue)=>{
// code to tag 1 queue
}))
现在，yaml文件可能没有任何sqs，在这种情况下，doc?.SQS返回未定义的预期值。如何使映射在此场景中不运行？我在下面试过了，但没有像预期的那样起作用。
await Promise.all(doc?.SQS?.map?.(async (queue)=>{
// code to tag 1 queue
}))
。
await Promi
浏览 7提问于2022-10-20得票数 0
回答已采纳
1回答
我有一个firebase消息传递函数，但返回函数似乎在其他函数之前执行。下面是代码(对不起，代码太长了)：
exports.newMessageNotification = functions.firestore
.document(`messages/{messageId}`) // wildcard for the msg id
.onCreate(async (change, context) => {
const db = admin.firestore();
const messageId: string = context.params.message
浏览 0提问于2018-06-16得票数 0
回答已采纳
2回答
我有一个get API调用，如下所示
router.get('/review', async (req, res) => {
try {
const entity = await Entity.find();
const entityId = [];
Object.keys(entity).forEach((key) => {
entityId.push(entity[key]._id);
});
const results = [];
Object.keys(entityId).forEach(asy
浏览 3提问于2020-09-05得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
