Как вернуть значение из fetch?

[tosvr]

Дорогие форумчане, помогите, пожалуйста, разобраться, как вернуть из функции, которая получает данные с api, значение за ее пределы.

Мой код:

let a = []

function getData(url) {
    return fetch(url)  
        .then(response => response.json())
        .then(json => (json))
}

getData('http://localhost:3000/api/test')   
    .then(output => {
        a = Object.values(output)
        return a
    })
    .catch(err => console.log(err))

console.log(a)

console.log(a) возвращает Undefined. Если переместить console.log(a) внутрь getData() вместо return, то нужные данные выводятся.
Не могу понять, как вывести данные за пределы функции. Буду очень благодарна за помощь и наводки.

[Error]

Здравствуйте.

async function getData(url) {
  const response = await fetch(url);
  return await response.json();
}

[ksa]

console.log(a) возвращает Undefined.

Запрос асинхронный...
Когда ты выводишь, данные еще не получены.

Либо дожидайся ответа (как в примере Error)...
Либо все делай при обработке ответа.

.then(output => {
        a = Object.values(output)
        // тут
    })

[tosvr]

Большое спасибо!

[tosvr]

Запрос асинхронный...
Когда ты выводишь, данные еще не получены.

Либо дожидайся ответа (как в примере Error)...
Либо все делай при обработке ответа.

Спасибо Воспользовалась этим вариантом!