Can I loop the an array ob objects inside a fetch?

Question

I´m trying to loop an array of objects inside a fetch. Is there a way I can do a loop inside a fetch or make the fetch return the array somehow?

This is what I´ve attempted:

fetch(url)
    .then(response => response.json())
    .then(data => 
        for (i = 0; i < data.length; i++) {
            console.log(data[i])
        })

If data is an array, then your code will work (though you're missing curly brackets). If it's not, then convert it to an array. => {for (...) {...}} — junvar
– junvar, Commented Feb 14, 2022 at 18:35
Does this answer your question? How do I loop through or enumerate a JavaScript object? — Justinas
– Justinas, Commented Feb 14, 2022 at 18:35
Return to what? Fetch handling is a promise, so you can either await it (in which case you'll get whatever the last then handler returns), or process and forward data to whatever function needs to work with it next by calling that function. — Mike 'Pomax' Kamermans
– Mike 'Pomax' Kamermans, Commented Feb 14, 2022 at 18:35
You always get a Promise from a fetch() (and a then() chain). You'll need to learn how to use promises correctly to "return an array". You can also turn your then-ey code into async/await, which is easier to understand. — AKX
– AKX, Commented Feb 14, 2022 at 18:35

JaivBhup · Accepted Answer · 2022-02-14 18:35:41Z

3

You need to wrap .then(data) in curly braces

fetch(url)
    .then(response => response.json())
    .then(data => {
        for (i = 0; i < data.length; i++) {
            console.log(data[i])
        }
     })

answered Feb 14, 2022 at 18:35

JaivBhup

8655 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Can I loop the an array ob objects inside a fetch?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related