Turn nested arrays into objects

Question

I have been unable to figure out how to turn a nested array such as:

var array = [
    [['firstName', 'Henry'], ['codeName', 'Etta'], ['email', '[email protected]'], ['weight', 180], ['occupation', 'repo']],
    [['firstName', 'Bruce'], ['codeName', 'DK'], ['email', '[email protected]'],
 ['weight', 200], ['occupation', 'enforcement']]
];

into an object such as

var array = [
    {firstName: 'Henry', codeName: 'Etta', email: '[email protected]', weight: 180, occupation: 'repo'},
    {firstName: 'Bruce', codeName: 'DK', email: '[email protected]', weight: 200, occupation: 'enforcement'}
];

Below is what I've come up with so far, but it is clearly not producing the results I need.

function arrIntoObject(array) {
  var obj = {};

  array.map(function(a) {
    a.map(function(e) {
      obj[e[0]] = e[1];  
    });
  });
  return obj;
}

This seems like a question that would have been asked by now, but after hours I haven't been able to find a similar question, so I would appreciate any help or guidance here. Thanks!

mhodges · Accepted Answer · 2017-09-22 16:22:59Z

2

You can use a combination of .map() with .reduce(), like so:

var array = [
    [['firstName', 'Henry'], ['codeName', 'Etta'], ['email', '[email protected]'], ['weight', 180], ['occupation', 'repo']],
    [['firstName', 'Bruce'], ['codeName', 'DK'], ['email', '[email protected]'],
 ['weight', 200], ['occupation', 'enforcement']]
];

var objs = array.map(function (arr) {
  return arr.reduce(function (res, curr) {
    var [key, value] = curr;
    res[key] = value;
    return res;
  }, {});
});

console.log(objs);

answered Sep 22, 2017 at 16:22

mhodges

11.2k2 gold badges32 silver badges48 bronze badges

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

Comments

adeneo · Accepted Answer · 2017-10-09 21:11:00Z

2

You could just reduce the arrays into an object

var array = [
  [['firstName', 'Henry'],['codeName', 'Etta'],['email', '[email protected]'],['weight', 180],['occupation', 'repo']],
  [['firstName', 'Bruce'],['codeName', 'DK'],['email', '[email protected]'],['weight', 200],['occupation', 'enforcement']]
];

var obj = array.map( arr => arr.reduce( (acc, curr) => { 
    acc[ curr[0] ] = curr[1]; return acc;
}, {}));


console.log(obj)

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

edited Oct 9, 2017 at 21:11

answered Sep 22, 2017 at 16:22

adeneo

319k29 gold badges410 silver badges392 bronze badges

Comments

Nenad Vracar · Accepted Answer · 2017-09-22 16:29:00Z

You can use map() with spread syntax ... and Object.assign()

var array = [[['firstName', 'Henry'], ['codeName', 'Etta'], ['email', '[email protected]'], ['weight', 180], ['occupation', 'repo']],[['firstName', 'Bruce'], ['codeName', 'DK'], ['email', '[email protected]'],['weight', 200], ['occupation', 'enforcement']]];

var result = array.map(e => Object.assign({}, ...e.map(([k, v]) => ({[k]: v}))))
console.log(result)

You can also use map() and then reduce() with Object.assign()

var array = [[['firstName', 'Henry'], ['codeName', 'Etta'], ['email', '[email protected]'], ['weight', 180], ['occupation', 'repo']],[['firstName', 'Bruce'], ['codeName', 'DK'], ['email', '[email protected]'],['weight', 200], ['occupation', 'enforcement']]];

var result = array.map(e => e.reduce((r, [k, v]) => Object.assign(r, {[k]: v}),{}))
console.log(result)

TheGr8_Nik · Accepted Answer · 2017-09-22 16:32:33Z

1

You can use the reduce method, it permits to reduce an array to a single variable, in this case an object. For more informations give a look to MDN

var initialArray = [
    [['firstName', 'Henry'], ['codeName', 'Etta'], ['email', '[email protected]'], ['weight', 180], ['occupation', 'repo']],
    [['firstName', 'Bruce'], ['codeName', 'DK'], ['email', '[email protected]'],
 ['weight', 200], ['occupation', 'enforcement']]
];

function arrayToObject(a) {
  return a.reduce(function (obj, keyValue) {
    obj[keyValue[0]] = keyValue[1];
    return obj;
  }, {});
}

var finalArray = initialArray.map(arrayToObject);

console.log(finalArray);

answered Sep 22, 2017 at 16:32

TheGr8_Nik

3,2004 gold badges21 silver badges37 bronze badges

Comments

Thusitha · Accepted Answer · 2017-09-22 16:23:33Z

0

Hope this simple logic might helps.

var array = [
  [
    ['firstName', 'Henry'],
    ['codeName', 'Etta'],
    ['email', '[email protected]'],
    ['weight', 180],
    ['occupation', 'repo']
  ],
  [
    ['firstName', 'Bruce'],
    ['codeName', 'DK'],
    ['email', '[email protected]'],
    ['weight', 200],
    ['occupation', 'enforcement']
  ]
];

var output = [];
array.forEach(function(arr1) {
  output.push({});
  arr1.forEach(function(arr2) {
    output[output.length - 1][arr2[0]] = arr2[1];
  })
});

console.log(output);

answered Sep 22, 2017 at 16:23

Thusitha

3,5113 gold badges23 silver badges33 bronze badges

Comments

Ammar · Accepted Answer · 2017-09-22 16:33:30Z

0

array.map(val => val.reduce(function(obj, prop) {
  obj[prop[0]] = prop[1];
  return obj;
}, {}));

answered Sep 22, 2017 at 16:33

Ammar

8185 silver badges12 bronze badges

Collectives™ on Stack Overflow

Turn nested arrays into objects

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related