Ad
How To Return An Array Of Child Objects From A Parent Object
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"
}
]
Ad
Answer
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)
Ad
source: stackoverflow.com
Related Questions
- → How to update data attribute on Ajax complete
- → October CMS - Radio Button Ajax Click Twice in a Row Causes Content to disappear
- → Octobercms Component Unique id (Twig & Javascript)
- → Passing a JS var from AJAX response to Twig
- → Laravel {!! Form::open() !!} doesn't work within AngularJS
- → DropzoneJS & Laravel - Output form validation errors
- → Import statement and Babel
- → Uncaught TypeError: Cannot read property '__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined
- → React-router: Passing props to children
- → ListView.DataSource looping data for React Native
- → Can't test submit handler in React component
- → React + Flux - How to avoid global variable
- → Webpack, React & Babel, not rendering DOM
Ad