How to return an array of child objects from a parent object

Question

I'm creating a web application. I have some data from the backend and I have to manipulate it to create my front end application the problem demo is shown below.

I have an object something like in javascript

[
  {
    id: "1",
    projectId: "1",
    user: {
      id: "123",
      firstName: "aaaa",
      lastName: "bbb",
      title: "SE"
    }
  },
  {
    id: "2",
    projectId: "2",
    user: {
      id: "456",
      firstName: "ccc",
      lastName: "fff",
      title: "QA"
    }
  }
]

I need to convert this to:

[
  {
    id: "123",
    firstName: "aaaa",
    lastName: "bbb",
    title: "SE"
  },
  {
    id: "456",
    firstName: "ccc",
    lastName: "fff",
    title: "QA"
  }

]

Dupocas · Answer 1 · 2019-11-13T13:30:00.783

3

map over your original data and return only the user object

const data = [
  {
    id: "1",
    projectId: "1",
    user: {
      id: "123",
      firstName: "aaaa",
      lastName: "bbb",
      title: "SE"
    }
  },
  {
    id: "2",
    projectId: "2",
    user: {
      id: "456",
      firstName: "ccc",
      lastName: "fff",
      title: "QA"
    }
  }
]

const mapped = data.map(obj => obj.user)

console.log(mapped)

edited Nov 13 '19 at 13:30

answered Nov 13 '19 at 13:27

Dupocas

20,285
6
38
56

1

data.map(t=>t.user) since all properties belong to user – Eldar Nov 13 '19 at 13:29
Didn't realize that. Thank you – Dupocas Nov 13 '19 at 13:29

score 1 · Accepted Answer · answered Nov 13 '19 at 13:28

1

since you have an array of objects and you want to access an object inside this element you can do this

const newData = data.map(({user})=>user)

answered Nov 13 '19 at 13:28

Mohammed naji

983
1
11
23

Damn buddy, thank you! – Inamul Hassan Nov 13 '19 at 13:33

How to return an array of child objects from a parent object

2 Answers2