当async+await遇见forEach和for···of_for of async await-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_46856618/article/details/132675089

本文探讨了如何使用async/await和for...of在处理JavaScript异步请求时替换传统foreach。通过示例展示了在API调用和数据合并中的实际操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

foreach 与 for of 利用async await实现等待异步执行请求的需求

forEach 只支持同步，不支持异步，因此无法使用foreach解决等待异步执行请求的需求
可以使用for of 实现

 async function RunFn() {
  for(let i=0;i<newArr.length;i++){
    let text = await proRun();//''我是第一个promise''
    console.log(newArr[i]);
    console.log(text);

    for(let j=0;j<arr.length;j++){
      let name = await proTest();
      console.log(arr[j]);
      console.log(name);//''我回来了''
    }
  }
  console.log('end');
};
RunFn();

或者

	Api
		.geList(data)
		.then(async (res) => {
			if (res.data) {
				let concatData = await getInformation(res.data);
				listData.value = [
					...listData.value,
					...concatData,
				];
			}
		})
		.catch((err) => {
			console.log(err);
		});
		
const getAuthorInformation = async (concatData) => {
	for (const item of concatData) {
		let name= '';
		if (item.author && item.author !== '助手') {
			name= await getName(item);
		} else {
			name= item.id;
		}
		item['name'] = name;
	}
	return concatData;
};
const getName= (message) => {
	let data = [];
	if (message.author.indexOf(',') > -1) {
		data = message.author.split(',');
	} else {
		data.push(message.author);
	}
	return Api
		.getName(data)
		.then((res) => {
			if (res && res.length) {
				let name = [];
				res.forEach((itemName) => {
					name.push(itemName.name);
				});
				return empName.join(',');
			}
		})
		.catch((error) => {
			console.log(error);
			return '';
		});
};