title: How To Get Value From An Object Inside An Array In My Angular Application
body: <p>So I have this array of object coming from an API in my Angular Application </p>
  
  <pre><code>"register":[
  {
  "club": 8,
  "players": 100,
  "officials": 10
  },
  {
  "male": 7,
  "female": 2,
  "other": 1
  },
  {
  "Brazil": 5,
  "France": 1,
  "Italy": 2,
  "England": 2
  }
  ]
  </code></pre>
  
  <p>My aim is to display an item in the third object on the console. So I tried looping through the array of object this way:</p>
  
  <pre><code> let country =  data['register'].map(data =&gt; data.England)
    console.log(country) // Output: [undefined, undefined, 2]
  </code></pre>
  
  <p>I guess the <strong>undefined</strong> are coming from the first two objects.</p>
  
  <p>How do I loop through this object to get only the figure for <strong>England</strong> in the third Object, without the first two <strong>undefined</strong> showing?</p>
  
  <p><strong>Note</strong>:</p>
  
  <p><strong>data</strong> is coming from the API I subscribed to in the <strong>.ts</strong> file. It contains all the results from the API.</p>