如何执行完函数的循环，再执行下一步的操作

有一个数组循环，里面就是渲染一些数据，我想等这个循环完毕（也就是所有数据渲染完）再执行下一步操作，这个怎么操作呢,用es6的promise可以办到吗

 用 Promise 的方式

<script type="text/javascript">
var arr = [475,435,566];
(async function () {
	for (var i = 0; i < arr.length; i++) {
		await new Promise(function(resolve, reject){
			setTimeout(function(){//模拟异步操作
				console.log(arr[i]);
				resolve();
			}, 500);
		});
	}
	console.log('下一步的操作');
})()
</script>

如果循环中没有异步操作，直接在循环后面进行下一步的操作就好。
如果循环中有异步操作，可以把循环改成递归调用
 

尽量让js做点简单的工作,js适合单线程的工作。

在后台一起回传过来

数组有值就自动绚览的，只要不改变数组的值，做什么操作没有关系吧！

<script type="text/javascript">
var arr = [475,435,566];
function pf(i) {
	setTimeout(function(){//模拟异步操作
		console.log(arr[i]);
		if (i<arr.length-1) {
			pf(i+1);
		} else {
			console.log('下一步的操作');
		}
	}, 500);
}
pf(0)
</script>

其实用async 和 await关键字,在长时间耗时操作上,是可以达到同步的效果。

但这和异步函数设计的初衷大相径庭。尽量避免页面的耗时渲染，才能提高用户体验和满足用户需求。

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632

非常感谢您使用有问必答服务，为了后续更快速的帮您解决问题，现诚邀您参与有问必答体验反馈。您的建议将会运用到我们的产品优化中，希望能得到您的支持与协助！

速戳参与调研>>>https://t.csdnimg.cn/Kf0y