Question

111

lodash: combine array of objects

rated 0 times [ 114] [ 3] / answers: 1 / hits: 12503 / 8 Years ago, thu, october 13, 2016, 12:00:00

In lodash, I want to convert an array of objects to a single object that contains an array of each property.

I have an array of objects:

var students = [{

    name: 'A',

    idNo: 1,

    marks: {

        math: 98,

        sci: 97,

        eng: 89

    }

}, {

    name: 'B',

    idNo: 2,

    marks: {

        math: 88,

        sci: 87,

        eng: 79

    }

}, {

    name: 'C',

    idNo: 3,

    marks: {

        math: 87,

        sci: 98,

        eng: 91

    }

}]

I want to combine / reshape them like this:

{

    name: [A, B, C],

    idNo: [1, 2, 3],

    marks: [{

            math: 98,

            sci: 97,

            eng: 89

        }, {



            math: 88,

            sci: 87,

            eng: 79            

    }, {

            math: 87,

            sci: 98,

            eng: 91

        }

    }]

}

I want this to be done purely with lodash or js inbuilt functions without any loops.

Edit : I have already implemented a solution as suggested by Nenad. I want a utility function in lodash.

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

kourtney

Add To Favorites

Follow

Total Points: 368

Total Questions: 103

Total Answers: 85

Location: Bonaire

Member since Sat, May 1, 2021

3 Years ago

answered 8 Years ago johnnaj · Accepted Answer

You could use lodash's mapValues function:

var result = _.mapValues(students[0], (value, key) => _.map(students, key));

mapValues creates an object with the same keys as the object passed to it as the first parameter. Here we pass the first object in the students array students[0] so the object returned by mapValues will look something like this:

{

    name: ....,

    idNo: ....,

    marks: ....

}

The value for each key is determined by the function that is passed to mapValues as the second parameter. mapValues will call this function for each key and pass the value and the key. We're not interested in the value but the key is used to pluck all the values in the student array for that key (by calling map with the key as the second parameter).

var students = [{

    name: 'A',

    idNo: 1,

    marks: {

        math: 98,

        sci: 97,

        eng: 89

    }

}, {

    name: 'B',

    idNo: 2,

    marks: {

        math: 88,

        sci: 87,

        eng: 79

    }

}, {

    name: 'C',

    idNo: 3,

    marks: {

        math: 87,

        sci: 98,

        eng: 91

    }

}]





var result = _.mapValues(students[0], (value, key) => _.map(students, key));



document.getElementById('result').textContent = JSON.stringify(result);

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



<p>

  <pre id=result></pre>

</p>