Looping over json /array/object

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](https://stackoverflow.com/questions/979256/sorting-an-array-of-javascript-objects?rq=1) or [this](https://stackoverflow.com/questions/800593/loop-through-json-object-list)... — Arthur, Jun 25 '17 at 23:32

score 1 · Answer 1 · answered Jun 25 '17 at 23:40

1

@Arthur is right.

Solution:

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

answered Jun 25 '17 at 23:40

Junaid

1,270
3
14
33

1

or even easier: `storeProducts.items.forEach( item => console.log( item ) )` – lumio Jun 25 '17 at 23:45

Damien · Answer 2 · 2017-06-26T00:16:08.087

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);

Looping over json /array/object

2 Answers2