How to push value from async response data to array?

Question

I am working on a client-server project. As I writing the script in HTML. I have a hard time push the data I have to array. Here is the source code snippets:

    var latitude = [];
    async function getapi(url){
        const response = await fetch(url);
        var data = await response.json();
        show(data);
        return data;
    }
    
    getapi(api_url);
    function show(data){
        for (r in data){
            latitude.push(data[r]['DepLat'];
            var dep_marker = new mapboxgl.Marker({color: 'red'})
            .setLngLat([data[r]['DepLng'],data[r]['DepLat']])
            .addTo(map);
            var arr_marker = new mapboxgl.Marker({color: 'cyan'})
            .setLngLat([data[r]['ArrLng'],data[r]['ArrLat']])
            .addTo(map);
        }
    }

The result I have in latitude after calling show(data) is still empty. Thank you.

Did you wait for the function to actually execute? Tip: await. — tadman
– tadman, Commented Apr 26, 2021 at 2:50

user6749601 · Accepted Answer · 2021-04-26 04:55:52Z

1

You have a typo. The line where you push the value is missing the closing parentheses.

function show(data){
    for (r in data){
    // your code says .push(
         latitude.push(data[r]['DepLat'];
      // rest of your code
 }

Do it this way

function show(data){
    for (r in data){
        latitude.push(data[r]['DepLat']);
       // rest of your code
}

answered Apr 26, 2021 at 4:55

user6749601

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

Collectives™ on Stack Overflow

How to push value from async response data to array?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related