convert array to object javascript

Question

I have the following array:

["recordList", "userList", "lastChanged"]

And I want something like this:

lastChangedValue = "231231443234";        

var object = {};

object = {
   recordList: {
       userList: {
         lastChanged: lastChangedValue 
      }
   }
}

How I can do this? Thanks in advance.

So you want each array item to be an object containing the keys beneath it as keys? — Marie
– Marie, Commented Feb 29, 2016 at 20:49

jcubic · Accepted Answer · 2016-02-29 20:49:59Z

2

Try this:

var array = ["recordList", "userList", "lastChanged"];


var value = "231231443234";        

function arrayToObject(array, object, value) {
  var ref = object;
  for (var i=0; i<array.length-1; ++i) {
    if (!ref[array[i]]) {
        ref[array[i]] = {};
    }
    ref = ref[array[i]]
  }
  ref[array[array.length-1]] = value;
  return object;
}
alert(JSON.stringify(arrayToObject(array, {}, value)));

answered Feb 29, 2016 at 20:49

jcubic

67.1k58 gold badges252 silver badges466 bronze badges

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

Comments

madox2 · Accepted Answer · 2016-02-29 20:54:10Z

1

You can iterate through property names and create one nested level of new object in each iteration:

var props = ["recordList", "userList", "lastChanged"];
var lastChangedValue = "231231443234";

var obj = {}
var nested = obj;
props.forEach(function(o, i) {
    nested[o] = i === props.length - 1 ? lastChangedValue : {};
    nested = nested[o];
});

console.log(obj);

answered Feb 29, 2016 at 20:54

madox2

52.2k21 gold badges106 silver badges101 bronze badges

Comments

epascarello · Accepted Answer · 2016-02-29 20:54:12Z

1

There are probably a bunch of ways to do it, one way is with reduce

var keys = ["recordList", "userList", "lastChanged"];
var temp = keys.slice().reverse(),
    lastChangedValue = "231231443234";  
var result = temp.reduce( function (obj, val, ind, arr) {
  if (ind===0) {
    obj[val] = lastChangedValue;
    return obj;
  } else {
    var x = {};
    x[val] = obj;
    return x;
  }
}, {});
console.log(result);

answered Feb 29, 2016 at 20:54

epascarello

208k20 gold badges206 silver badges246 bronze badges

1 Comment

Marie Over a year ago

Keep in mind that reduce was introduced in IE10 and is not supported in IE9 or below.

isvforall · Accepted Answer · 2016-03-01 12:17:29Z

1

Solving with recursion

var fields = ["recordList", "userList", "lastChanged"];
lastChangedValue = "231231443234";
var object = {};

(function addFields(o, i, v) {
    if (i == fields.length - 1) {
        o[fields[i]] = v;
        return;
    }
    o[fields[i]] = {};
    addFields(o[fields[i]], ++i, v)
})(object, 0, lastChangedValue);


alert(JSON.stringify(object));

edited Mar 1, 2016 at 12:17

answered Feb 29, 2016 at 21:53

isvforall

8,9166 gold badges39 silver badges52 bronze badges

Collectives™ on Stack Overflow

convert array to object javascript

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related