Vuejs can't get data in array

Question

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:

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?

Code looks pretty much correct to me. Maybe that's all executed asynchronously and data isn't set at that given point. A minimal example repo might help here. — Aer0
– Aer0, Commented May 14, 2020 at 7:00
@Aer0 A minimal example repo might help here what's repo? what should i do? — mafortis
– mafortis, Commented May 14, 2020 at 7:02

Ilijanovic · Accepted Answer · 2020-05-29 12:42:39Z

6

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"]
   })
}

edited May 29, 2020 at 12:42

answered May 14, 2020 at 7:03

Ilijanovic

15k4 gold badges29 silver badges63 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Ilijanovic Over a year ago

@mafortis please take a look i have updated it. its now cleaner

mafortis Over a year ago

well data["histories"][prop] prop part is not needed (it returns error as there is no history prop in my data) and if condition also not needed i simply just pass some of my data into new array nothing about validating here :) and thank you for update

mafortis Over a year ago

no the last line was ok, just [prop] part wasn't needed.

mafortis Over a year ago

like this is ok: histories: data["histories"]

Collectives™ on Stack Overflow

Vuejs can't get data in array

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related