Обработка результата запроса fetch

[Neznayka]

Всем привет.

Если такой рабочий код:

fetch(url, options)
.then(response => response.text())
.then(result => console.log(result))
.catch(error => console.log("error", error));

но нужно как-то обработать результат, по типу:

fetch(url, options)
.then(response => response.json())
.then(function(result) {
	for (var i=0; i < result.length; i++) {
		console.log(result[i]);
	}
})
.catch(error => console.log("error", error));

это не правильно и не знаю, как в этом стандарте оформить этот код обработки результата, подскажите пжл.

[рони]

это не правильно

почему?
может так для вас проще будет

<script>
"use strict";

(async () => {
let url = '...';
let response = await fetch(url);
let result = await response.json();
for (let item of result) {console.log(item)};
})()
</script>

[Neznayka]

<script>
"use strict";

(async () => {
let url = '...';
let response = await fetch(url);
let result = await response.json();
for (let item of result) {console.log(item)};
})()
</script>

начинает падать ошибка:
Uncaught SyntaxError: await is only valid in async functions and the top level bodies of module

upd: все заработало в итоге.

[Neznayka]

рони,
Спасибо, разобрался, в предыдущем сообщении сам натупил.

[ksa]

function(result) {
    for (var i=0; i < result.length; i++) {
        console.log(result[i]);
    }
}

Вот это вот все можно вынести во "внешнюю" функцию...
Тогда будет вообще вот так

fetch(url, options)
.then(response => response.json())
.then(test)
.catch(error => console.log("error", error));
//
function test(result) {
	for (var i=0; i < result.length; i++) {
		console.log(result[i]);
	}
}