from object to array with nested objects

Question

Is there an easy way to go from an object to multiple objects? From this:

var obj = { 'generics.type': 'search.type', 'wood.name': 'search.name' }

to this:

var nestedObj = [ {'generics.type': 'search.type'}, {'wood.name': 'search.name'} ]

~~essentially the reverse of lodash defaults: https://lodash.com/docs/4.17.4#defaults~~

Been looking for this for hours, and now I'm turning here... Thanks

Whatever you are trying to do, I can't see how it's the inverse of _.defaults. — user663031
– user663031, Commented Feb 2, 2017 at 17:06
Yes it was supposed to be an array. forgot to mention. Have edited question — Kasper K
– Kasper K, Commented Feb 2, 2017 at 18:34

Gruff Bunny · Accepted Answer · 2017-02-02 14:51:57Z

2

With lodash or underscore you could use map:

var result = _.map(obj, (v,k) => ({[k]: v}));

answered Feb 2, 2017 at 14:51

Gruff Bunny

28k10 gold badges74 silver badges61 bronze badges

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

Comments

mikeapr4 · Accepted Answer · 2017-02-02 18:51:34Z

1

Maybe you want something shorter, but I think the obvious solution is the only one.

var obj = { 'generics.type': 'search.type', 'wood.name': 'search.name' };
var arr = _.map(obj, function(v, k) { var o = {}; o[k] = v; return o; });
console.log(arr);

<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>

edited Feb 2, 2017 at 18:51

answered Feb 2, 2017 at 18:44

mikeapr4

2,8581 gold badge18 silver badges24 bronze badges

Comments

dev8080 · Accepted Answer · 2017-02-02 19:10:15Z

1

Try this:

var createDiffObjs = function(obj ){
    var nestedObj = [];
    for( var prop in obj ) {
                 var elem = {};
                 elem[ prop ] = obj [prop ];
                 nestedObj.push( elem );
                }
    return nestedObj;
}

And then use it thus:

nestedObj = createDiffObjs( obj );

edited Feb 2, 2017 at 19:10

answered Feb 2, 2017 at 18:43

dev8080

4,0051 gold badge14 silver badges18 bronze badges

1 Comment

mikeapr4 Over a year ago

I think you'll find that doesn't work - you can't use a variable as the key in a literal object

Musa · Accepted Answer · 2017-02-02 18:54:30Z

0

First of all check your object structure is valid or not with http://pro.jsonlint.com/

And then go to investigate ES2015=ES6 new JavaScript specifications which calls Destructuring of arrays(i.e. objects) https://babeljs.io/learn-es2015/ you will find everything about new approach on JavaScript. Good Luck!!! (if your object structure would be right we could help you)

answered Feb 2, 2017 at 18:54

Musa

2,66230 silver badges25 bronze badges

Comments

xlm · Accepted Answer · 2017-02-03 00:28:17Z

0

var nestedObj = { {'generics.type': 'search.type'}, {'wood.name': 'search.name'} }

This is not a valid data structure in JavaScript. A JavaScript object is a pair of key and value.

Use an array instead for multiple objects:

var multipleObjs = [ {'generics.type': 'search.type'}, {'wood.name': 'search.name'} ]

edited Feb 3, 2017 at 0:28

xlm

7,72415 gold badges59 silver badges60 bronze badges

answered Feb 2, 2017 at 15:22

Mia

1845 bronze badges

1 Comment

Kasper K Over a year ago

I found out. Thanks Mia. I am looking for a way (simple/easy) to convert it into an array with nested objects. Have edited the question...

Collectives™ on Stack Overflow

from object to array with nested objects

5 Answers 5

Comments

Comments

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related