Lodash - Retrieve an array of values for all object properties - lodash

Question

I have something like
const payload = [{'name':'john doe', 'company': 'abc', 'age': 35},
{'name':'jane doe', 'company': 'def', 'age': 36}]
_.map(users, "name") => ['john doe', 'jane doe']
_.map(users, "company") => ['abc', 'def']
I want to have one call to retrieve the name, company and age from the payload. I don't want to make 3 calls with the map function. How can I do this? Because my payload is huge with a lot of properties.
Thanks!

Answer 1

Using lodash, you can map the objects to their values, and unzip the result:
const payload = [{'name':'john doe', 'company': 'abc', 'age': 35}, {'name':'jane doe', 'company': 'def', 'age': 36}];
const result = _(payload)
.map(_.values) // map to value arrays
.unzip() // unzip the arrays
.value();
console.log(result);
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.min.js"></script>
The same idea works without lodash by mapping the objects into value arrays, and then transposing the values using reduce:
const payload = [{'name':'john doe', 'company': 'abc', 'age': 35}, {'name':'jane doe', 'company': 'def', 'age': 36}];
const result = payload
.map(Object.values) // map to value arrays
.reduce((t, arr) => { // transpose the arrays
arr.forEach((v, i) => (t[i] || (t[i] = [])).push(v));
return t;
}, []);
console.log(result);

Answer 2

You can use lodash#pick wrapped inside a lodash#partial as the iteratee for lodash#map.
const result = _.map(payload, _.partial(_.pick, _, ['name', 'company']));
const payload = [{
'name': 'john doe',
'company': 'abc',
'age': 35
},
{
'name': 'jane doe',
'company': 'def',
'age': 36
}
];
const result = _.map(payload, _.partial(_.pick, _, ['name', 'company']));
console.log(result);
body > div { min-height: 100%; top: 0; }
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>