javascript - Vuejs无法获取数组中的数据

Question

我有这个代码:

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)

返回结果如下:

正如您在我的 data 部分看到的，我得到了所有结果，但在 list 部分我什么也得不到!

为什么我无法将过滤后的数据放入列表数组？

Answer 1

嗯，您的 data 不是一个数组，它是一个对象，因此您需要遍历一个对象。图像上标记为蓝色的花括号表示它是一个对象。

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