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

Question

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

Answer 1

 用 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>