Converting js array into dictionary map

Question

I have this array:

["userconfig", "general", "name"]

and I would like it to look like this

data_structure["userconfig"]["general"]["name"]

I have tried this function:

inputID = "userconfig-general-name"

function GetDataByID(inputID){

    var position = '';

    for (var i = 0; i < inputID.length; i++) {
        var hirarchy = inputID[i].split('-');

        for (var index = 0; index < hirarchy.length; index++) {
            position += '["'+ hirarchy[index] +'"]';
        }
    }
    return data_structure[position];
}

while hirarchy is the array. I get the [position] as a string which is not working well.

how can I make a js function which builds the object path dynamically by an array?

Did you try anything?

KooiInc
– KooiInc

2014-07-22 07:13:31 +00:00
Commented Jul 22, 2014 at 7:13 — KooiInc
– KooiInc, Commented Jul 22, 2014 at 7:13
what would be a value for such a structure?

Jan Pfeifer
– Jan Pfeifer

2014-07-22 07:17:02 +00:00
Commented Jul 22, 2014 at 7:17 — Jan Pfeifer
– Jan Pfeifer, Commented Jul 22, 2014 at 7:17
I have edited my question, please review it again

itay101
– itay101

2014-07-22 07:18:01 +00:00
Commented Jul 22, 2014 at 7:18 — itay101
– itay101, Commented Jul 22, 2014 at 7:18
Why you split inputID[i] by '-'?

hindmost
– hindmost

2014-07-22 07:21:59 +00:00
Commented Jul 22, 2014 at 7:21 — hindmost
– hindmost, Commented Jul 22, 2014 at 7:21

deceze · Accepted Answer · 2014-07-22 07:23:12Z

2

var arr = ["userconfig", "general", "name"];
var dataStructure = arr.reduceRight(function (value, key) {
    var obj = {};
    obj[key] = value;
    return obj;
}, 'myVal');

Ends up as:

{ userconfig : { general : { name : 'myVal' } } }

Note that you may need a polyfill for the reduceRight method: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/ReduceRight

answered Jul 22, 2014 at 7:23

deceze♦

525k89 gold badges806 silver badges954 bronze badges

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

1 Comment

KooiInc Over a year ago

Nice, +1. Note: arr.reverse().reduce( /*same callback*/, 'myVal' ) is equivalent

Patrick Evans · Accepted Answer · 2014-07-22 07:22:33Z

0

The below function will take an object to modify and an array filled with the properties needed:

function objPath(obj,path){
   path.forEach(function(item){
      obj[item] = {};
      obj = obj[item];
   });
}

var myobj = {};
objPath(myobj,["test","test2","test3"]);

console.log(myobj);
//outputs
Object {test: Object}
    test: Object
        test2: Object
            test3: Object

The function loops over the array creating the new object property as a new object. It then puts a reference to the new object into obj so that the next property on the new object can be made.

JSFiddle

answered Jul 22, 2014 at 7:22

Patrick Evans

42.8k6 gold badges81 silver badges94 bronze badges

Comments

Alessandro · Accepted Answer · 2014-07-22 07:30:38Z

0

Recursive function

var array = ["userconfig", "general", "name"];

function toAssociative(array) {
    var index = array.shift();
    var next = null;
    if (array.length > 0) {
        next = toAssociative(array);
    }

    var result = new Array();
    result[index] = next;

    return result;
}

answered Jul 22, 2014 at 7:30

Alessandro

1,4539 silver badges19 bronze badges

Collectives™ on Stack Overflow

Converting js array into dictionary map

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related