Map array inside an object

Question

I've the following complex JSON object that has got array and array inside an array. How can parse those arrays and create an object array for each element in the array. I'm using lodash library in my project, just in case if there are any functions available.

   {
  studentId: 123
  name: XYZ
  phone: 34234234
  gender: M
  subjects: [{
     studentId: 123
     subjectName: Math
     scores:50
    assignments:[
     {
        type: Internal,
        submitted: yes,
        status: failed 
     },
     {
        type: External,
        submitted: yes,
        status: passed 
     }] 
},
{
     studentId: 123
     subjectName: Science
     score: 20
     assignments:[
     {
        type: Internal,
        submitted: yes,
        status: passed 
     },
     {
        type: External,
        submitted: yes,
        status: failed 
     }]
}] 

}

Expecting:

[{
  studentId:123,
  name: XYZ
  phone: 34234234
  gender: M,  
  subjectName: Math
  scores:50
  assignments:[
     {
        type: Internal,
        submitted: yes,
        status: failed 
     },
     {
        type: External,
        submitted: yes,
        status: passed 
     }]
},
{
 studentId:123,
  name: XYZ
  phone: 34234234
  gender: M,  
  subjectName: science
  scores:20
  assignments:[
     {
        type: Internal,
        submitted: yes,
        status: failed 
     },
     {
        type: External,
        submitted: yes,
        status: passed 
     }]
}
]

That's invalid JSON. You're missing quotes around the keys and string values. — castletheperson
– castletheperson, Commented Mar 10, 2017 at 20:36

ryeballar · Accepted Answer · 2017-03-11 15:14:26Z

2

You can use omit to get the details of the student without the subjects array, use these details to transform each item in the subjects array using defaults through map.

var details = _.omit(data, 'subjects');
var result = _.map(data.subjects, function(subject) {
  return _.defaults({}, details, subject);
});

var data = {
    studentId: '123',
    name: 'XYZ',
    phone: '34234234',
    gender: 'M',
    subjects: [{
        studentId: '123',
        subjectName: 'Math',
        scores: 50,
        assignments: [{
            type: 'Internal',
            submitted: 'yes',
            status: 'failed'
          },
          {
            type: 'External',
            submitted: 'yes',
            status: 'passed'
          }
        ]
      },
      {
        studentId: '123',
        subjectName: 'Science',
        score: 20,
        assignments: [{
            type: 'Internal',
            submitted: 'yes',
            status: 'passed'
          },
          {
            type: 'External',
            submitted: 'yes',
            status: 'failed'
          }
        ]
      }
    ]
};

var details = _.omit(data, 'subjects');
var result = _.map(data.subjects, function(subject) {
  return _.defaults({}, details, subject);
});

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>

answered Mar 11, 2017 at 15:14

ryeballar

30.1k10 gold badges67 silver badges76 bronze badges

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

1 Comment

Ajay Srikanth Over a year ago

Thank you so much ryeballar. This is what i'm looking for.

Miraage · Accepted Answer · 2017-03-10 20:35:29Z

0

I encourage you to use Normalizr package. It's very useful and takes all care about your collections even if they're nested.

answered Mar 10, 2017 at 20:35

Miraage

3,4943 gold badges28 silver badges43 bronze badges

Collectives™ on Stack Overflow

Map array inside an object

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related