Making an Array in an Array into Objects

Question

Best way to convert

a = [['tokyo', '10', '20'],['newyork', '30', '40'],['singapore', '50', '60']];

to

a = [{city:'tokyo', lat:'10', lon:'20'},{city:'newyork', lat:'30', lon:'40'},{city:'singapore', lat:'50', lon:'60'}];

Thanks!

What have you tried yourself? I'd use Array.prototype.map. — fubar
– fubar, Commented Aug 22, 2017 at 1:40
Sorry but the example you have given is not correctly formatted so it's confusing what you really want to get. there's a "{" that is not closed anywhere. Not clear, do you want all those items to be in one object or an array of objects ? Either way you can use reduce on arrays to do quite a lot' — TheBen
– TheBen, Commented Aug 22, 2017 at 1:53
Edited it should be clearer now. I meant to have multiple objects in a single array. — Max Do
– Max Do, Commented Aug 22, 2017 at 1:59

kukkuz · Accepted Answer · 2017-08-22 01:41:43Z

2

You can use #map() function to convert it into the array of objects - see demo below:

var a = [['tokyo', '10', '20'],['newyork', '30', '40'],['singapore', '50', '60']];

var result = a.map(function(e) {
  return {
    city: e[0],
    lat: e[1],
    lon: e[2]
  }
},[]);

console.log(result);

.as-console-wrapper{top:0;max-height:100%!important;}

answered Aug 22, 2017 at 1:41

kukkuz

42.5k6 gold badges65 silver badges103 bronze badges

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

1 Comment

Max Do Over a year ago

Thank you this worked! Taking a javascript class been stuck on this for a while. Thank you again!

Christopher Messer · Accepted Answer · 2017-08-22 01:43:49Z

1

Not sure about best way, but I think it's readable. It uses a method called .map() that goes through each element in an array, and typically modifies it to your liking. See the below code for an example.

a = [['tokyo', '10', '20'],['newyork', '30', '40'],['singapore', '50', 
'60']];

const newArrayOfObjects = a.map(val => {
  return { city: val[0], lat: val[1], lon: val[2] }
})

newArrayOfObjects

MDN reference here: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

answered Aug 22, 2017 at 1:43

Christopher Messer

2,09011 silver badges13 bronze badges

Collectives™ on Stack Overflow

Making an Array in an Array into Objects

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related