Cannot loop the Array-like Object [duplicate]

Question

I have an array of object products that received from server.

return response()->json(['products' => $products->toArray()]);

Here is its log:

And I need to loop through it to get the product.attributes that I think it's a array-like object, so I use Array.prototype.forEach.call

                this.products.forEach(product => {
                    console.log(product);
                    console.log(product.attributes);

                    Array.prototype.forEach.call(product.attributes, function(child) {
                        // It seems the loop doesn't work, so nothing is printed out.
                        console.log(child);
                    });
                });

But it seems the loop on array-like object didn't work, so nothing was printed out, even my product.attributes wasn't empty. Here is product.attributes log:

Object.keys [MDN, spec] — A function providing an array of the names of an object's own, enumerable properties whose names are strings. Object.values [MDN, spec] — A function providing an array of the values of an object's own, enumerable properties. — Murtaza Hussain
– Murtaza Hussain, Commented Apr 30, 2019 at 4:28

Rannie Aguilar Peralta · Accepted Answer · 2019-04-30 04:24:18Z

3

products.attributes is not an array like object, it is object.

But you can still iterate to that if you want. You just need to:

Object.entries(product.attribues).forEach(([key, value]) => {  })

answered Apr 30, 2019 at 4:24

Rannie Aguilar Peralta

1,77817 silver badges19 bronze badges

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

Comments

AnhKhoa · Accepted Answer · 2019-04-30 04:52:29Z

2

Your product.attributes is also an Object. So Array.prototype.forEach.call doesn't work.

Try for...in statement:

for (var key in product.attributes) {
  console.log(product.attributes[key]);
}

edited Apr 30, 2019 at 4:52

answered Apr 30, 2019 at 4:18

AnhKhoa

664 bronze badges

2 Comments

Lakmi Over a year ago

Don't put url as an answer,because website contains may change in future so try to answer by reading website and mention that website as a reference.

AnhKhoa Over a year ago

@Lakmi thanks for reminding me. Edited my answer

Collectives™ on Stack Overflow

Cannot loop the Array-like Object [duplicate]

2 Answers 2

Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Linked

Related