Iterate over Fetch API

fecth-api-iterate.js

const myData = [
    {id:1, name:'data1'}, {id: 2, name: 'data2'}, {id:3, name: 'data3'}
];

async function mapJSFunc(currentValue) {
    const url = 'https://api.github.com/?callback=foo'
    return fetch(url)
        .then(data => {
            if (data.status === 200) {
                return data;
            }
        })
        .then(data => data.json())
        .then(data => {
            const newUrl = data.current_user_url;
            return { ...currentValue, c: `I'am a prop with date: ${new Date()}`, newUrl };
        })
}

let res = Promise.all(myData.map(mapJSFunc)).then(data => console.log(data));

Don't know why this doesn't have more comments. I found this really helpful 👍

Don't know why this doesn't have more comments. I found this really helpful 👍

Thanks for your support.

Please share. 😎