Вам нужно использовать async
/await
в функции, где вы вызываете функцию getContent
. В самой функции getContent
это необязательно.
То есть, в вашем случае можно сделать так:
async function setContents() {
for (i = 0; i < list.length; i++) {
contents[i] = await getContent(list[i].link)
}
nextFunction() // Будет выполняться после того, как цикл закончится и все значения будут получены
}
function getContent(link) {
let response = await fetch('/folder/' + link + '.json')
contents1[i] = await response.json()
}
Заметьте, await
вызывается не перед contents[i] =
, а перед getContent(...)
.
В этом случае, JavaScript будет ждать выполнения функции await getContent()
, а не оставит её выполняться синхронно в итерации цикла for
.
Для этого случая, я составил небольшой пример, и сам убедился, что это работает:
function nextFunction() {
console.log("Следующая функция"); // Это будет выводиться ПОСЛЕ того, как цикл закончится
}
// Для корректной работы тут необходим async
async function iterateCycle() {
// Тут надо вставить число итераций, необходимое вам
// ^^^
for (i = 0; i < 5; i++) {
// А вот тут необходимо вставить await перед вызовом функции
console.log(await oneIteration(i)); //-->1 итерация
//-->2 итерация
// и т.д.
}
nextFunction(); // Будет выполняться после завершения цикла for
}
// Заметьте, тут необязательны операторы async/await
function oneIteration(iteration) {
return new Promise((resolve, reject) => {
// Будет возвращаться каждую итерацию через 1 секунду после вызова функции
setTimeout(() => {
resolve(iteration + " итерация.");
}, 1000);
});
}
// В конце концов, вызываем цикл
iterateCycle();