Как присвоить переменной массив из json?

Question

[Станислав]

Подскажите пожалуйста, как присвоить переменной значение из файла json, не в виде промиса, а в виде массива. Хочу присвоить переменной arr полученный массив.

В коде ниже console.log(data2); выдает массив. Как сделать так, чтобы переменная arr в консоль также выдавала массив?

fetch('https://jsonplaceholder.typicode.com/users')
    .then(data => data.json())
    .then(data2 => arr(data2));

let arr = (data2) => {
    console.log(data2);
}
console.log(arr);

Заранее благодарю!

Answer 1

[historydev]

const res = await fetch('https://jsonplaceholder.typicode.com/users');
const data = await res.json();
console.log(data)

Comments

[Станислав]

Работает, но только если обернуть в асинхронную функцию. Моя проблема в том, что тогда переменная перестает быть глобальной и я не знаю как к ней обращаться, когда хочу получить массив

async function getData() {
    const res = await fetch('https://jsonplaceholder.typicode.com/users');
    const data = await res.json();
    console.log(data);
}
getData();

[historydev]

Станислав, это так не работает, нельзя получить синхронно асинхронные данные, либо then, либо внутри асинхронной функции, если нужен глобальный контекст, оберните в анонимную асинхронную функцию:

(async function() {
    const res = await fetch('https://jsonplaceholder.typicode.com/users');
    const data = await res.json();
    console.log(data);



})()

[Станислав]

Владимир, благодарю за пояснение!

Но в итоге получаю промис вместо массива:

let arr = (async function () {
    const res = await fetch('https://jsonplaceholder.typicode.com/users');
    arr = await res.json();
})()
console.log(arr);

[historydev]

Станислав,

[historydev]

Весь ваш код должен быть внутри этой функции:

(async function () {
   // All logic, all calculations - ALL CODE
})()

[Станислав]

Владимир, вроде немножко понял)
Сложная тема для меня, поэтому изобретаю велосипед)
Еще раз спасибо!