title: How to access nested array and objects in http response In angular
body: <p>I have a nested data structure containing objects and arrays. How can I extract the information, i.e. access specific or multiple values (or keys)?</p>
  
  <pre><code>{
    "data": [
      {
        "id": 2,
        "addEmployee": {
          "firstName": "Devansh"
        },
        "attendances": [
          {
            "id": 3,
            "checkIn": "2020-02-18T04:36:45.000Z",
            "checkOut": "2020-02-18T11:46:16.000Z",
            "totalHours": "7:9",
            "date": "2020-02-18",
            "status": "present",
            "createdAt": "2020-02-18T04:36:45.000Z",
            "updatedAt": "2020-02-18T11:46:16.000Z",
            "userId": 2
          }
        ]
      }
    ]
  }
  </code></pre>
  
  <p>how could i access the firstName and attendances array value</p>