title: Creating a nasty loop to get an Array of Objects within another Array of Objects inside JSON file
body: <p>I'm having a very difficult time reading a very large JSON file. I attached the screenshot of the portion I'm having trouble with. The problem is, I'm able to map over one set of an Array of Objects, however, when I try to access another array of objects within this loop, it returns [object],[object] for all of the items. I can stringify this, but that does not help, it just returns a whole bunch of code I can't use. I feel like I should be calling on the inner loop or looping within another loop, but I have not been successful. Would anyone please help me with this one? It is taking me a very long time, and I just want to understand and learn how to solve this! I want the objects to read their actual value, not just object.</p>
  
  <pre><code>$( document ).ready(function() {
      console.log( "ready!" );
  
  $.ajax({
      url: "hidden",
      type: "get",
      async: true,
      contentType: "application/jsonp",
      dataType: "jsonp",
      success: function(data) {
          console.log(data.programs.program.requirements);
  
          $('.wrapper').append('&lt;div class="overview"&gt; ' + data.programs.program.requirements[2].title + ' &lt;/div&gt;');
          // return content, which is an array of object, so to get items I need to use a loop
          var credits = data.programs.program.requirements[2].requirement_list.map(function(item) {
              $('.wrapper').append('&lt;div class="overview"&gt; ' + item.title +  item.course +' &lt;/div&gt;');
          })
      }
  });
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/L4Us0.jpg" rel="nofollow noreferrer">screenshot of JSON file</a></p>