如何将数据格式化为给定的格式

Question

Currently I am passing Json data as

coords: [
  {lat: 27.17841526682381, lng: 73.29395468749999}, 
  {lat: 24.88842099751237, lng: 73.64551718749999}
]

Instead of this, I need to send Json data as

 coords: [
    {27.17841526682381, 73.29395468749999},
    {24.88842099751237, 73.64551718749999}]

How can I able to achieve the same. How can I obtain these result.

Answer 1

All you need is a very simple map() operation

 const coords = [ {lat: 27.17841526682381, lng: 73.29395468749999}, {lat: 24.88842099751237, lng: 73.64551718749999} ] const res = coords.map(o => [o.lat, o.lng]) console.log(res)

Answer 2

The easiest way is to use Array#map() with Object.values() as a callback:

coords = coords.map(Object.values);

Note:

Note that your desired output format is incorrect because the inner objects aren't valid objects , they should be arrays .

Demo:

 let coords = [ {lat: 27.17841526682381, lng: 73.29395468749999}, {lat: 24.88842099751237, lng: 73.64551718749999} ]; coords = coords.map(Object.values); console.log(coords);

Answer 3

Try this.... use Object.values()

 var coords= [ {lat: 27.17841526682381, lng: 73.29395468749999}, {lat: 24.88842099751237, lng: 73.64551718749999} ] let items = []; for (var prop in coords) { var val= Object.values(coords[prop]); items.push(val) } console.log(items)

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 4

Assuming that your output should be a nested array like:

[[27.17841526682381,73.29395468749999],
[24.88842099751237,73.64551718749999]]

You can use reduce on your array of objects to achieve this in the following way:

 var coords = [ {lat: 27.17841526682381, lng: 73.29395468749999}, {lat: 24.88842099751237, lng: 73.64551718749999} ]; var formattedCoords = coords.reduce((dict, item) => [...dict, [item.lat, item.lng]], []); console.log(formattedCoords);

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/reduce