forOf vs map with promise array

testForOfAsync.js

const testForOfAsync = async () => {
    const start = Date.now();
    const getFruits = [
        new Promise((resolve) => {setTimeout(() => resolve('apple'), 10000)}),
        new Promise((resolve) => {setTimeout(() => resolve('banana'), 100)}),
        new Promise((resolve) => {setTimeout(() => resolve('orange'), 100)})
        ]

    for await (const fruit of getFruits) {
        console.log(fruit, Date.now() - start)
    }
}

testMapAsync.js

const testMapAsync = async () => {
    const start = Date.now();
    const getFruits = [
        new Promise((resolve) => {setTimeout(() => resolve('apple'), 10000)}),
        new Promise((resolve) => {setTimeout(() => resolve('banana'), 100)}),
        new Promise((resolve) => {setTimeout(() => resolve('orange'), 100)})
        ]

    await Promise.all( 
        getFruits.map(async (fruitPromise) => {
            const fruit = await fruitPromise;
            console.log(fruit, Date.now() - start)
        })
    )
}