cannot get data through each()

Question

Sorry I'm still quite new to this. I am having trouble getting the data from this array in my ajax success. I am trying to iterate through productVariantImages to get the two imagePath but I am only able to get one which is from id 496. Below is the sample of the array.

Also if possible I would like to use objects instead of array

[1] => Array
    (
      [id] => 194
      [sku] => Apple SKU2
      [variantName] => Pear 2
      [productVariantImages] => Array
      (
         [0] => Array
           (
             [id] => 496
             [imageName] => Apples in season.png
             [imagePath] => http://tos-staging-web-server-s3.s3.amazonaws.com/9/catalogue/apples_in_season.png
             [visible] => 1
             [featured] => 
             [modifiedDate] => 1448293975
             [createDate] => 1448293975
           )

          [1] => Array
           (
             [id] => 266
             [imageName] => Apples in season.png
             [imagePath] => http://tos-staging-web-server-s3.s3.amazonaws.com/9/catalogue/apples_in_season.png
             [visible] => 1
             [featured] => 
             [modifiedDate] => 1448293975
             [createDate] => 1448293975
           )

        )
     )

My ajax

success: function(data){
    ...
    var thumbnails = {};
    $.each(data.productVariantImages,function(i, productVariantImages){
        thumbnails[data.sku] = this.imagePath;    
    });
    ...
 }

Current output

{Apple SKU2: "http://tos-staging-web-server-s3.s3.amazonaws.com/9/catalogue/apples_in_season.png"}

Desired output: Trying to iterate through and get key/value values as shown

{Apple SKU2: "http://tos-staging-web-server-s3.s3.amazonaws.com/9/catalogue/apples_in_season.png",
 Apple SKU2: "http://tos-staging-web-server-s3.s3.amazonaws.com/9/catalogue/apples_in_season.png"}

`$.each(data.productVariantImages,function(key, val){ thumbnails[data.sku] = val; });` — , Dec 04 '15 at 08:13
@Navoneel my console will print out `{Apple SKU2: Object}` instead — zana, Dec 04 '15 at 08:46
He means `$.each(data.productVariantImages,function(key, val){ thumbnails[data.sku] = val.imagePath; });` — Kirill Rogovoy, Dec 04 '15 at 09:08

score 1 · Accepted Answer · edited May 23 '17 at 11:52

It is not possible what you tried to achieve. An object item key should be unique at all times. Check this post.

The best solution for you would be an array with the images in it:

$.each(data.productVariantImages,function(key, val){ 
    thumbnails.push(val.imagePath);
});

getting a single image

var imageOne = thumbnails[0];

loop through the images

for(var thumb in thumbnails) {
// do stuff
}

cannot get data through each()

1 Answers1