Async Loops Sanity Check

async-loops.js

const delay = ms => new Promise(resolve => setTimeout(resolve, ms));

const delays = [
	[200, 'should show second'],
	[100, 'should show first'],
	[300, 'should show third']
]

async function processWithFor(array) {
	for (const [ms, msg] of array) {
		await delay(ms);
		console.log('processWithFor:', msg);
	}
}

async function processWithForEach(array) {
	array.forEach(async ([ms, msg]) => {
		await delay(ms);
		console.log('processWithForEach:', msg);
	});
}

async function processWithForAwait(array) {
	for await (const [ms, msg] of array) {
		await delay(ms)
		console.log('processWithForAwait:', msg);
	}
}

async function processWithPromiseAll(array) {
	await Promise.all(array.map(async ([ms, msg]) => {
		await delay(ms);
		console.log('processWithPromiseAll:', msg);
	}));
}

// processWithFor(delays).then(() => console.log('processWithFor done'));
// processWithForEach(delays).then(() => console.log('processWithForEach done'));
processWithForAwait(delays).then(() => console.log('processWithForAwait done'));
// processWithPromiseAll(delays).then(() => console.log('processWithPromiseAll done'));