Create an array of object from given array key

Question

I have array like this .

const test = [
    { student: { id : '1', Name: 'A' }, marks: {  id: '2', Name: 'B' } }, 
    { student: {  id : '3', Name: 'C' }, marks: { id: '4', Name: 'D' } }
]

Now, from this array of object , I am trying to create two diff arrays which will be having seperate student and marks keys .

const student = [{"student":{"Id": {value: "A"}}}, {"student":{"Id": {value: "B"}}}]

and for marks

const marks = [{"marks":{"Id": {value: "C"}}}, {"marks":{"Id": {value: "D"}}}]

SO, Here what I tried is

test.map((index,item) => {
    return [item.student] 
  })

can any one help me with this ?

Thanks.

In general, this is "bad practice" (Especially when you working with databases like MongoDB) to start changing the data structure and nesting + property names (id to Id) without a lot of meaning -or- semantic. In your case before change console.log(test[0].student.id) (return 1). After console.log(student[0].student.Id.value) (Return A and not 1). — Ezra Siton
– Ezra Siton, Commented Sep 4, 2020 at 5:40

Rahul Bhobe · Accepted Answer · 2020-09-04 05:38:53Z

4

You want a new object returned, not a sub array.

Following uses destructuring to simplify the returned object

const test = [
    { student: { id : '1', Name: 'A' }, marks: { id: '2', Name: 'B' } }, 
    { student: { id : '3', Name: 'C' }, marks: { id: '4', Name: 'D' } }
]

const students = test.map(({student}) => ({student}))
const marks = test.map(({marks}) => ({marks}))

console.log(students)
console.log(marks)

edited Sep 4, 2020 at 5:38

Rahul Bhobe

4,4714 gold badges19 silver badges35 bronze badges

answered Sep 4, 2020 at 4:09

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

9 Comments

ganesh kaspate Over a year ago

yes this one will work but I have to add new property as well, in this which will be value rather than id, and Name.

ganesh kaspate Over a year ago

and also How do I return both of the new objects from the same map function.

charlietfl Over a year ago

just to make my nswer simple in a comment, use another map(). Or create the two arrays nd then use forEach() and push each object to associated array

charlietfl Over a year ago

As for other properties ...map(({student}) => ({student, someProperty: someValue}));

ganesh kaspate Over a year ago

So, this will remove the existing values and add the new property right

|

Collectives™ on Stack Overflow

Create an array of object from given array key

1 Answer 1

9 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

9 Comments

Your Answer

Sign up or log in

Post as a guest

Related