How to replace the key and value in array of objects using javascript

Question

I write a function initMap(response){....} .The response is an array of objects look like

In console :
(6)[{…}, {…}, {…}, {…}, {…}, {…}] 
0: {latitude: "17.0009", longitude: "82.2108"}
1: {latitude: "17.0504", longitude: "82.1659"}
2: {latitude: "17.1529", longitude: "82.2228"}
3: {latitude: "17.1621", longitude: "82.1921"}
4: {latitude: "17.0004", longitude: "82.2211"}
5: {latitude: "17.1235", longitude: "82.1926"}
length: 6
__proto__: Array(0)

I want the output of an array like

 (6) [{…}, {…}, {…}, {…}, {…}, {…}]
  0: {lat: 17.0009, lng: 82.2108}
  1: {lat: 17.0504, lng: 82.1659}
  2: {lat: 17.1529, lng: 82.2228}
  3: {lat: 17.1621, lng: 82.1921}
  4: {lat: 17.0004, lng: 82.2211}
  5: {lat: 17.1235, lng: 82.1926}
  length: 6
  __proto__: Array(0)

For getting this I tried in the way using replace

var eventlist = JSON.stringify(response);//Jsonresult
console.log(eventlist);

var eventstring = new String();
eventstring = eventlist.replace(/"/g, "");
events = eventstring.replace(/latitude/g, "lat").replace(/longitude/g, "lng");

 console.log(events);

While doing this I am getting the result in console as this way

[{lat:17.0009,lng:82.2108},{lat:17.0504,lng:82.1659},{lat:17.1529,lng:82.2228},{lat:17.1621,lng:82.1921},{lat:17.0004,lng:82.2211},{lat:17.1235,lng:82.1926}]

it look like as string but i need the output as

(6) [{…}, {…}, {…}, {…}, {…}, {…}]
  0: {lat: 17.0009, lng: 82.2108}
  1: {lat: 17.0504, lng: 82.1659}
  2: {lat: 17.1529, lng: 82.2228}
  3: {lat: 17.1621, lng: 82.1921}
  4: {lat: 17.0004, lng: 82.2211}
  5: {lat: 17.1235, lng: 82.1926}
  length: 6
  __proto__: Array(0)

How to do this please give me an idea about this.

CertainPerformance · Accepted Answer · 2019-03-16 05:51:13Z

3

Use .map to iterate over the array and create a new object for every item:

const output = arr.map(({ latitude, longitude }) => ({
  lat: Number(latitude),
  lng: Number(longitude)
});

answered Mar 16, 2019 at 5:51

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

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

Comments

Code Maniac · Accepted Answer · 2019-03-16 05:58:10Z

1

You can use map and destructuring assignment

let arr = [{latitude: "17.0009", longitude: "82.2108"},{latitude: "17.0504", longitude: "82.1659"},{latitude: "17.1529", longitude: "82.2228"},{latitude: "17.1621", longitude: "82.1921"},{latitude: "17.0004", longitude: "82.2211"},{latitude: "17.1235", longitude: "82.1926"}]

let op = arr.map(({latitude:lat, longitude:lng}) => ({lat:+lat, lng:+lng}))

console.log(op)

edited Mar 16, 2019 at 5:58

answered Mar 16, 2019 at 5:51

Code Maniac

37.9k5 gold badges44 silver badges65 bronze badges

Comments

prasanth · Accepted Answer · 2019-03-16 05:51:06Z

0

use Array#map function to recreate the object you want .Use parseFloat to covert sring to number

var arr =[{latitude: "17.0009", longitude: "82.2108"},{latitude: "22.0009", longitude: "33.2108"}];
var res =  arr.map(a=> ({lat:parseFloat(a.latitude),lng:parseFloat(a.longitude)}))
console.log(res)

answered Mar 16, 2019 at 5:51

prasanth

22.6k4 gold badges33 silver badges57 bronze badges

Comments

Rahul Raut · Accepted Answer · 2019-03-16 06:24:29Z

0

Well there is not other better option than map. Another alternative with syntactical sugar-

var arr =[{latitude: "17.0009", longitude: "82.2108"},{latitude: "22.0009", longitude: "33.2108"}];
let result = arr.map(({ latitude, longitude })=>{
   return {
        lat: +latitude,
        lng: +longitude
   }
});
console.log(result);

answered Mar 16, 2019 at 6:24

Rahul Raut

6436 silver badges22 bronze badges

Collectives™ on Stack Overflow

How to replace the key and value in array of objects using javascript

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Linked

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

Linked

Related