Question

Views

If I have this data structure coming from an api:

{
  "value": 0,
  "time": [
    "2021-10-15"
  ],
  "innerArray": [
    {
      "name": "string",
      "Value": [
        0
      ]
    }
  ]
}

I am trying to access the element by:

let dataLoop = data // object from api

then I am doing:

   function Loop() {
        dataLoop.map((inner: any) => {
            console.log('series =', inner.innerArray);
        })
    };

But I am getting TypeError: dataLoop.map is not a function

about 4 years ago · Juan Pablo Isaza

Answer question

Accepted Answer · 2022-07-11T10:50:18.411Z

It is because

{
  "value": 0,
  "time": [
    "2021-10-15"
  ],
  "innerArray": [
    {
      "name": "string",
      "Value": [
        0
      ]
    }
  ]
}

is an object, you can map only on Array type elements.

innerArray is an element on which you can .map like this:

    dataLoop.innerArray.map((inner: any) => {
        console.log('series =', inner);
    })

to be able to map through an object you have to use Object like:

Object.entries(data).map(([key,value])=>{
  console.log(key,value)
})

for example, so output would be like :