lodash - project/transform object into key value array

Question

I'm about to use forOwn to iterate through an object's properties and create an array manually and can't helping thinking there's a oneliner already available to do it.

{ 
  prop1 : "value",
  prop2: { sub:1}
}

to:

[ 
   {key: "prop1", value: "value"},
   {key: "prop2", value: {sub:1}}
]

Thanks

Answer 1

You can use lodash's _.map() with shorthand property names:

const obj = {     prop1 : "value",    prop2: { sub:1}  };    const result = _.map(obj, (value, prop) => ({ prop, value }));    console.log(result);

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.2/lodash.min.js"></script>

Or you can do it using Object#entries with Array.map() and array destructuring:

const obj = {     prop1 : "value",    prop2: { sub:1}  };    const result = Object.entries(obj).map(([prop, value]) => ({ prop, value }));    console.log(result);

Answer 2

You don't even need lodash for that:

var arr = Object.keys(obj).map(function(key){   return { key: key, value: obj[key] }; }); 

Answer 3

A little bit of ES6 :

_.map( obj, (value, key) => ({key,value}) )

Answer 4

You can use pairs if it fits your case:

_.pairs({ 'barney': 36, 'fred': 40 });
// → [['barney', 36], ['fred', 40]]

Ref: https://lodash.com/docs#pairs