用另一个数组创建对象数组

Question

I have an array of object:

let data = [{
    createdDate: "2222"
    email: "test5@test.com"
    histories: []
    meta: {
      profilePic: "test"
    }
    name: {
      first: "Vikash",
      last: "Grv"
    }
    role: {
      id: "123",
      name: "test role 2"
    }
    specialities: []
    status: "active"
    __v: 0
    _id: "123"
  },
  {
    createdDate: "2222"
    email: "test5@test.com"
    histories: []
    meta: {
      profilePic: "test"
    }
    name: {
      first: "Vikash",
      last: "Grv"
    }
    role: {
      id: "123",
      name: "test role 2"
    }
    specialities: []
    status: "active"
    __v: 0
    _id: "123"
  },
  {
    createdDate: "2222"
    email: "test5@test.com"
    histories: []
    meta: {
      profilePic: "test"
    }
    name: {
      first: "Vikash",
      last: "Grv"
    }
    role: {
      id: "123",
      name: "test role 2"
    }
    specialities: []
    status: "active"
    __v: 0
    _id: "123"
  },
]

I want to create another array of an object like:

const data = [{
    teamMember: 'Vikas Grv',
    email: 'test5@test.com',
    role: 'test role 2',
    assignedOn: null
  }, {
    teamMember: 'Vikas Grv',
    email: 'test5@test.com',
    role: 'test role 2',
    assignedOn: null
  },
  {
    teamMember: 'Vikas Grv',
    email: 'test5@test.com',
    role: 'test role 2',
    assignedOn: null
  }
]

the data in team member is the contamination of name (first and last key value), email is direct, role is from role --> name key value and assigned is null

and idea on how to do this

Answer 1

You can make use of map :

 var data = [{createdDate: "2222",email: "test5@test.com",histories: [],meta: {profilePic: "test"},name: {first: "Vikash", last: "Grv"},role: {id: "123", name: "test role 2"},specialities: [],status: "active",__v: 0,_id: "123"}, {createdDate: "2222",email: "test5@test.com",histories: [],meta: {profilePic: "test"},name: {first: "Vikash", last: "Grv"},role: {id: "123", name: "test role 2"},specialities: [],status: "active",__v: 0,_id: "123"},{createdDate: "2222",email: "test5@test.com",histories: [],meta: {profilePic: "test"},name: {first: "Vikash", last: "Grv"},role: {id: "123", name: "test role 2"},specialities: [],status: "active",__v: 0,_id: "123"},]; var result = data.map(({name, role, email})=>({teamMember:Object.values(name).join(" "), email,role:role?.name, assignOn:null})); console.log(result);

Answer 2

You can do this:

import { Component } from '@angular/core';


@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  data = [
    {
      createdDate: "2222",
      email: "test5@test.com",
      histories: [],
      meta: { profilePic: "test" },
      name: { first: "Vikash", last: "Grv" },
      role: { id: "123", name: "test role 2" },
      specialities: [],
      status: "active",
      __v: 0,
      _id: "123"
    },
    {
      createdDate: "3333",
      email: "test3@test.com",
      histories: [],
      meta: { profilePic: "test" },
      name: { first: "jhon", last: "doe" },
      role: { id: "123", name: "test role 3" },
      specialities: [],
      status: "active",
      __v: 0,
      _id: "1234"
    },
    {
      createdDate: "4444",
      email: "test5@test.com",
      histories: [],
      meta: { profilePic: "test" },
      name: { first: "nathy", last: "gyr" },
      role: { id: "123", name: "test role 4" },
      specialities: [],
      status: "active",
      __v: 0,
      _id: "1234"
    },
  ]

  constructor() {

    let result = this.data.map((item) => {
      return {
        teamMember: item?.name?.first + item?.name?.last,
        email: item?.email,
        role: item?.role?.name,
        assignedOn: null
      }
    }

    );
    console.log(result)
  }

}