I would like to use lodash function chaining in order to iterate over an array of objects, and push each of the object values into a new array.
I could use a nested forEach for that purpose but I understand there are better ways.
I want to turn this array from:
[ {a: 'foo', b: 'bar'}, {a: 'baz', b: 'foo2'}, {a: 'bar2', b: 'baz2'} ] into the following result:
[ 'foo','bar','baz', 'foo2', 'bar2', 'baz2' ] Can anyone please help?
Based upon Aluan Haddad's comment, I came up with the following solution:
const theArray = [ {a: 'foo', b: 'bar'}, {a: 'baz', b: 'foo2'}, {a: 'bar2', b: 'baz2'} ]; _(theArray) .flatMap(Object.values) Just for fun, here is how to do this without lodash
theArray.reduce( (acc,item) => acc.concat(Object.values(item)) , [] ) For those into recycling and watching their weight
const concatWith = (fn,a,b) => a.concat(fn(b)) theArray.reduce( concatWith.bind(null,Object.values) , [] ) Or just use a curry function
const curry = (fn, ...args) => fn.length <= args.length ? fn(...args) : curry.bind(null, fn, ...args) and do it this way
const concatWith = curry( (fn,a,b) => a.concat(fn(b)) ) theArray.reduce( concatWith(Object.values) , [] ) Enjoy!
_.flatMap(Object.values)?Array.prototype.flatMapshould be in the next version of JavaScript so you would just write:myObjects.flatMap(Object.values);