for-of vs. reduce for sequential promises

seq.js

const urls = ['foo', 'bar','baz'];

// for-of
for (const url of urls) {
  const result = await fetch(url);
  console.log(result);
}

// reduce
urls.reduce((chain, url) => chain.then(fetch(url)), Promise.resolve()).forEach(result => console.log(result));