Información de contexto

Estoy trabajando en un proyecto en el que necesito obtener datos de varios puntos finales de la API, cada uno con sus propias credenciales. En este momento, estoy mapeando a través de una matriz JSON que contiene todas las diferentes credenciales y enviando los datos devueltos a una matriz vacía, como se muestra a continuación.

Código

 const fetchData = async () => { dataArray = []; // Loop through all objects in the array, 'arr' contains all of the different credentials. arr.map(async (obj) => { // Defining info to access API. // Authenticating to API. // Fetching data from API. // Returns one array containing one or multiple objects. (data). /* Pushing first object of the array to dataArray. I would also like to push all objects if there is more than one! */ dataArray.push(data[0]); }); // Return array after mapping through arr. return dataArray; }; module.exports = { fetchData };

Problema

Si lo hago de esta manera, la función solo devuelve una matriz vacía. Por lo tanto, no espera que finalice la primera parte de la función (asignación a través de arr).

Por otro lado, si declaro una matriz vacía (dataArray= [];) en un nivel superior fuera de la función fetchData, devuelve valores obtenidos. Pero si se hace de esta manera, la matriz nunca se reinicia y se llena de datos.

¿Cómo puedo arreglar esto? ¿O hay una mejor manera de hacer esto por completo?

Resultado deseado

1. La función recorre la matriz JSON ('arr') que contiene las credenciales, y con cada objeto/credencial establecido dentro, inicia sesión en la API y devuelve valores.
2. Estos valores deben recopilarse en una matriz, que contendrá todos los objetos devueltos.
3. La función devuelve esta matriz después de terminar.