Looping over json /array/object [duplicate]

Question

I have been stuck on this for a while. How would I loop over an object with array values. Please, any help with be appreciated. JSON data structures isn't my strong suite

var storeProducts = {"items": [
 {
   "imgsrc": "https://cdn.shopify.com/s/files/1/0094/2252/products/M997ST_6940.progressive.jpg?v=1497039024",
   "productname": "New Balance",
   "productlistprice": "$240",
   "discounted": "false",
   "productprice": "",
 },
 {
   "imgsrc": "https://cdn.shopify.com/s/files/1/0094/2252/products/Peacoat_363758_02_6428.progressive.jpg?v=1496428432",
   "productname": "Puma Sneakers",
   "productlistprice": "$120",
   "discounted": "false",
   "productprice": "",
 },
 {
   "imgsrc": "https://cdn.shopify.com/s/files/1/0094/2252/products/Titan_Weave_WhiteBlueEstate_50117182901_C6501_5945-78.progressive.jpg?v=1494616290",
   "productname": "Diadora",
   "productlistprice": "$100",
   "discounted": "true",
   "productprice": "190",
 },
]};

This seems like a very common question... are sure you looked for the answer? See for instance this or this... — Arthur
– Arthur, Commented Jun 25, 2017 at 23:32

Junaid · Accepted Answer · 2017-06-25 23:40:32Z

1

@Arthur is right.

Solution:

foreach( var i = 0; i < storeProducts.items.length; i++ ) {
    var item = storeProducts.items[i];
}

answered Jun 25, 2017 at 23:40

Junaid

1,3003 gold badges15 silver badges36 bronze badges

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

1 Comment

lumio Over a year ago

or even easier: storeProducts.items.forEach( item => console.log( item ) )

Damien · Accepted Answer · 2017-06-26 00:16:08Z

Let's say you want to grab all the imgsrc URLs. You can proceed like this.

let imgURL = storeProducts.items.map(product =>product.imgsrc);

To grab the first item in your array, you simply need to do.

let firstImgURL = imgURL[0];

let storeProducts = {
"items": [
 {
   "imgsrc": "https://cdn.shopify.com/s/files/1/0094/2252/products/M997ST_6940.progressive.jpg?v=1497039024",
   "productname": "New Balance",
   "productlistprice": "$240",
   "discounted": "false",
   "productprice": "",
 },
 {
   "imgsrc": "https://cdn.shopify.com/s/files/1/0094/2252/products/Peacoat_363758_02_6428.progressive.jpg?v=1496428432",
   "productname": "Puma Sneakers",
   "productlistprice": "$120",
   "discounted": "false",
   "productprice": "",
 },
 {
   "imgsrc": "https://cdn.shopify.com/s/files/1/0094/2252/products/Titan_Weave_WhiteBlueEstate_50117182901_C6501_5945-78.progressive.jpg?v=1494616290",
   "productname": "Diadora",
   "productlistprice": "$100",
   "discounted": "true",
   "productprice": "190",
 },
]};

var imgURL = storeProducts.items.map(product =>product.imgsrc);
console.log(imgURL);

Collectives™ on Stack Overflow

Looping over json /array/object [duplicate]

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related