title: JS How to get the object value from an array inside of an array inside an each loop
body: <p>am trying to get the value from the json file</p>
  
  <p>Here is a live codepen of what I am working on codepen.io/krm218/pen/vGvaNN</p>
  
  <p>Here is a screenshot of my json file
  or go to <a href="https://api.myjson.com/bins/4ky5s" rel="nofollow noreferrer">https://api.myjson.com/bins/4ky5s</a></p>
  
  <p><a href="https://i.stack.imgur.com/mSF7T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mSF7T.png" alt="JSON"></a></p>
  
  <p>I'm trying to retrieve the main-view, alt-view-1, etc.. from the images array.
  I've been able to get the other values like description and id with this code</p>
  
  <pre><code> $.getJSON("json.json", function(data){
    $.each(data.products, function() {
    $("#results").append(
     this["id"] + this["description"]
     );   
    });  
  });
  </code></pre>
  
  <p>When I do  <code>this["images"]</code>, I get </p>
  
  <pre><code>[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
  </code></pre>
  
  <p>How can I get those values?</p>