Vuejs can't get data in array

Viewed 226

I have this code:

let data = res.data.data;

console.log('data: ', data)

const list = [];
for(let i = 0; i < data.length; i++){
    console.log('data i: ', data[i]) //not printing in console
    list.push({
        lat: data[i].latitude,
        lng: data[i].longitude,
        histories: data[i].histories,
    })

    lineString.pushPoint({
        lat:data[i].longitude, 
        lng:data[i].latitude
    })
}
console.log('list: ', list)

It return results as:

one

As you can see in my data part I have all results but in list part I get nothing!

Why I can't get my filtered data into list array?

1 Answers

enter image description here

Well your data isnt an array, its an object so you need to loop over an object. The curly brace, blue marked on the image, indicates that its an object.

for(let prop in data){
   if(prop == "histories") continue;
   list.push({
      lat: data[prop].latitude,
      lng: data[prop].longitude,
      histories: data["histories"]
   })
}
Related