title: Why am I getting [object Object] after accessing JSON data?
body: <p>I am making a simple GET request and filling up a webpage with some data. Every other line works except for 'addresses' which contains two arrays, and on my webpage it prints out '[object Object]', instead of the data. Here is an example of the JSON (apologies for the poor formatting):</p>
  <pre><code>data: Array(7)
     0:
     addresses: Array(2)
     0:
       city: &quot;Houghton&quot;
       line1: &quot;800 East Lakeshore Drive&quot;
       line2: &quot;&quot;
       line3: &quot;&quot;
       postalCode: &quot;49931&quot;
       stateCode: &quot;MI&quot;
       type: &quot;Physical&quot;
  </code></pre>
  <p><strong>proto</strong>: Object</p>
  <p>Here is the code block where I try to access 'addresses':</p>
  <pre><code>for (let i = 0; i &lt; parkData.length; i++) {
      $(&quot;#results-list&quot;).append(`&lt;h2&gt;${parkData[i].fullName}&lt;/h2&gt;
      &lt;p&gt;${parkData[i].addresses[0]}&lt;/p&gt;
      &lt;a href=${parkData[i].directionsUrl}&gt;Directions&lt;/a&gt;&lt;br&gt;
      &lt;a href=${parkData[i].url}&gt;Website&lt;/a&gt;
      &lt;p&gt;${parkData[i].description}&lt;/p&gt;
  </code></pre>
  <p>Like I said above, all of the other lines work but when I try to get the first index of addresses I just get that weird Object response. Any ideas? Thank you!</p>