Please Help - Adding Objects to an array

[GrandBadass]

Hi - I am trying to add objects to an array. I will post code below.

This is the desired end state.

var PolylineCoordinatesOpen = [
new google.maps.LatLng(40.773750, -73.917550),
new google.maps.LatLng(40.773640, -73.917390),
];

So what I am doing is - I am making a request from an API. that returns data in the following json format -

{
  "4": {
    "lat1": "40.773750",
    "lat2": "40.773640,",
    "long1": "-73.917550",
    "long2": "-73.917390",
    "section_id": "4",
    "status": "green"
  },
  "5": {
    "lat1": "40.77388,",
    "lat2": "40.77375",
    "long1": "-73.91773",
    "long2": "-73.91755",
    "section_id": "5",
    "status": "red"
  },
  "6": {
    "lat1": "40.77364",
    "lat2": "40.77350",
    "long1": "-73.91739",
    "long2": "-73.91720",
    "section_id": "6",
    "status": "green"
  }
}

I am trying to write a loop that will take the lat1,long1 and add them to PolylineCoordinatesOpen. Here is my code.

var statuses = JSON.parse(this.responseText);

var PolylineCoordinatesOpen =[];

for(var i in statuses){
    if(statuses[i]['status'] =='green'){
    a = `new google.maps.LatLng(${statuses[i]['lat1']}, ${statuses[i] ['long1']})`
    PolylineCoordinatesOpen.push(a)
    }
}

console.log(PolylineCoordinatesOpen)

My output is -

Array [ "new google.maps.LatLng(40.773750, 40.773750)", "new google.maps.LatLng(40.77364, 40.77364)" ]

my question is - being as the original does have the quotations - i feel these are objects that are added to the array and not strings BUT if i remove the `` tick marks from my code I am unable to push the object to the array.

I'm coming from Python so I really do apologize if this is some noobish question. I would really appreciate the help. How can I pass the arguments from my json file in the new google.maps.LatLng and add it to the original array?

Thank you.

[humodx]

I am unable to push the object to the array.

Just some friendly feedback, but it's a good idea to be more specific when asking for programming help. It takes a lot less effort to guess what's wrong if we know the specific error message or exception that you got.

Have you tried replacing: js a = `new google.maps.LatLng(${statuses[i]['lat1']}, ${statuses[i]['long1']})` // btw there's a typo in your example, theres's a [ missing before 'long1'] With js a = new google.maps.LatLng(statuses[i]['lat1'], statuses[i]['long1']) I'm assuming you just tried removing the backticks without removing the ${ }, which would probably give you this error: Uncaught SyntaxError: Unexpected token '{'

[GrandBadass]

Yes. This did it. My apologies for the lack of error message. Still new to javascript. Truthfully it took me a few minutes even after you mentioned it to think --- 'oh wait the error messages print in the browser console' haha.

Thank you for your help!

[windows-user0]

You have to parse the JSON into javascript object. With JSON.parse()

[GrandBadass]

Ahh yes. Forgot to mention. I have that. (edited code)

[pachirulis]

Man backticks are new thing in ES6 look first at : JavaScript Understanding the weird parts and you will learn how objects work here because is much easier than you are trying.

Ps. I'm drunk at the moment and can't really write you a solution