JavaScript JSON object create using for loop

Question

I need to create a object like this

var flightPlanCoordinates = [
   {lat: 37.772, lng: -122.214},
   {lat: 21.291, lng: -157.821},
   {lat: -18.142, lng: 178.431},
   {lat: -27.467, lng: 153.027}
];

My try is

    for (i = 0; i < sales_person_route.length; i++) {
        var flightPlanCoordinates = [
        {lat: sales_person_route[i].latitude, lng: sales_person_route[i].longitude},
];

}

But it's a wrong syntax. But I need to Object like flightPlanCoordinates. My lat, lng value available in sales_person_route. How to achieve this?

Obligatory "There's no such thing as a JSON Object" link

Heretic Monkey
– Heretic Monkey

2018-07-21 16:55:34 +00:00
Commented Jul 21, 2018 at 16:55 — Heretic Monkey
– Heretic Monkey, Commented Jul 21, 2018 at 16:55
Take a look at using Array#map()

charlietfl
– charlietfl

2018-07-21 17:00:22 +00:00
Commented Jul 21, 2018 at 17:00 — charlietfl
– charlietfl, Commented Jul 21, 2018 at 17:00

Christos · Accepted Answer · 2018-07-21 20:49:30Z

1

You should define an array before your for statement:

var flightPlanCoordinates = [];

and then for each item in your loop push the corresponding object.

 for (i = 0; i < sales_person_route.length; i++) { 
    var salesPersonRoute = sales_person_route[i];
    flightPlanCoordinates.push({ lat: salesPersonRoute.latitude
                               , lng: salesPersonRoute.longitude
    });
}

Or you could try this:

var flightPlanCoordinates = sales_person_route.map(item => {
    return {
        lat: item.latitude, 
        lng: item.longitude
    }
});

edited Jul 21, 2018 at 20:49

answered Jul 21, 2018 at 16:55

Christos

54.1k9 gold badges82 silver badges114 bronze badges

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

Comments

Anshul Bansal · Accepted Answer · 2018-07-21 16:56:16Z

1

var finalArray = [];
for (i = 0; i < sales_person_route.length; i++) {
    let flightPlanCoordinates = {
        lat: sales_person_route[i].latitude,
        lng: sales_person_route[i].longitude
    };
    finalArray.push(flightPlanCoordinates);
}

answered Jul 21, 2018 at 16:56

Anshul Bansal

1,8831 gold badge14 silver badges13 bronze badges

Comments

Heretic Monkey · Accepted Answer · 2018-07-21 16:59:36Z

1

The Array object has a great function available, map, made just for this purpose:

var sales_person_route = [
   {latitude: 37.772, longitude: -122.214},
   {latitude: 21.291, longitude: -157.821},
   {latitude: -18.142, longitude: 178.431},
   {latitude: -27.467, longitude: 153.027}
];
var flightPlanCoordinates = sales_person_route.map(r => { 
  return { 
    lat: r.latitude, 
    lng: r.longitude 
  }; 
});
console.log(flightPlanCoordinates);

Map iterates over each element in the original array and performs the specified function on the element, returning the result in a new array.

answered Jul 21, 2018 at 16:59

Heretic Monkey

12.2k7 gold badges63 silver badges133 bronze badges

Comments

Saurabh Yadav · Accepted Answer · 2018-07-21 17:01:27Z

1

    var flightPlanCoordinates = [];
    var sales_person_route = [{'latitude':'123', 'longitude':'234'}, {'latitude':'123', 'longitude':'234'}];

    for(var i = 0; i < sales_person_route.length; i++) {

        flightPlanCoordinates.push({

            'lat': sales_person_route[i].latitude,
            'lng': sales_person_route[i].longitude,
        });
    }

console.log(flightPlanCoordinates )

answered Jul 21, 2018 at 17:01

Saurabh Yadav

3,3861 gold badge12 silver badges21 bronze badges

Collectives™ on Stack Overflow

JavaScript JSON object create using for loop

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related