Array Empty after pushing axios response and other data : Node.Js

Question

I have an array,That contain some records with image.I'm trying to do is,convert image url in to base64 and assign new records into new Array.but i'm getting empty array.

  var newArray = [];

    devices.map(async (data) => {

     const imgData = await axios.get(data.image[0], { responseType: 'arraybuffer' })
     let returnedB64 = Buffer.from(imgData.data).toString('base64')
     newArray.push([data.identifier, data.model, data.imei,
               data.locationText, returnedB64])

    })

 console.log("Final array --->", newArray)  //i'm getting empty

Last `console.log` statement will execute _before_ async code executes and returns the required data. — Yousaf, Aug 10 '21 at 10:01
Does this answer your question? [How to return the response from an asynchronous call](https://stackoverflow.com/questions/14220321/how-to-return-the-response-from-an-asynchronous-call) — Yousaf, Aug 10 '21 at 10:05

score 0 · Answer 1 · answered Aug 10 '21 at 10:06

You don't await for the response, so your array is empty when console.log gets executed. the correct approach is:

Promise.all(devices.map(async (data) => {
     const imgData = await axios.get(data.image[0], { responseType: 'arraybuffer' });
     const returnedB64 = Buffer.from(imgData.data).toString('base64');
     return [data.identifier, data.model, data.imei, data.locationText, returnedB64];
})).then(allResults => {
     console.log("Final array --->", allResults);
});

Array Empty after pushing axios response and other data : Node.Js

1 Answers1