title: Successfully calling an API using fetch, but can't pull individual values from object
body: <p>I am successfully able to call the API and get the full list to display in the console. However, when I try to pull out single elements, I get &quot;undefined&quot;. I can not see what I am doing wrong. Below is my code:</p>
  <pre><code>let myHeaders = new Headers();
  myHeaders.append(&quot;X-eBirdApiToken&quot;, &quot;someToken&quot;);
  
  let requestOptions = {
      method: 'GET',
      headers: myHeaders,
      redirect: 'follow'
  };
  
  class Birds {
      constructor(region) {
          this.region = 'US-MA'
      }
  
      async getBirds() {
          const response = await fetch(`https://api.ebird.org/v2/data/obs/${this.region}/recent`, requestOptions);
          const data = await response.json();
          console.log(data);
          console.log(data.comName);
          console.log(data[&quot;locId&quot;]);
  
          const {speciesCode, comName} = data;
          console.log(speciesCode, comName)
  
          return data;
      }
  }
  </code></pre>
  <p>Below is a sample output from the API as I am getting 283 rows:</p>
  <pre class="lang-none prettyprint-override"><code>281:
  comName: &quot;Catharus sp.&quot;
  howMany: 1
  lat: 42.219
  lng: -71.064
  locId: &quot;L207351&quot;
  locName: &quot;Blue Hills Reservation&quot;
  locationPrivate: false
  obsDt: &quot;2020-07-10 11:50&quot;
  obsReviewed: false
  obsValid: true
  sciName: &quot;Catharus sp.&quot;
  speciesCode: &quot;cathus&quot;
  subId: &quot;S71320255&quot;
  
  __proto__:
  constructor: ƒ Object()
  hasOwnProperty: ƒ hasOwnProperty()
  isPrototypeOf: ƒ isPrototypeOf()
  propertyIsEnumerable: ƒ propertyIsEnumerable()
  toLocaleString: ƒ toLocaleString()
  toString: ƒ toString()
  valueOf: ƒ valueOf()
  __defineGetter__: ƒ __defineGetter__()
  __defineSetter__: ƒ __defineSetter__()
  __lookupGetter__: ƒ __lookupGetter__()
  __lookupSetter__: ƒ __lookupSetter__()
  get __proto__: ƒ __proto__()
  set __proto__: ƒ __proto__()
  </code></pre>
  <p>And when I try to get the individual items:</p>
  <pre class="lang-none prettyprint-override"><code>undefined
  birds.js:20 undefined
  birds.js:23 undefined undefined
  </code></pre>