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

【问题标题】：Create array of objects with another array用另一个数组创建对象数组
【发布时间】：2020-10-02 15:05:47
【问题描述】：

我有一个对象数组：

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"
  },
]

我想创建另一个对象数组，例如：

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
  }
]

团队成员中的数据是名字的污染（第一个和最后一个键值），电子邮件是直接的，角色来自角色-->名称键值和分配为空

以及如何做到这一点的想法

【问题讨论】：

请在发帖前至少尝试自己解决问题。虽然可能有人会回答你的问题，但如果你自己尝试一下，你会学到更多。

标签： javascript arrays angular typescript object

【解决方案1】：

您可以使用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);

【讨论】：

如果某个对象中不存在角色怎么办
@juhi 在这种情况下，我们可以在此处输入condition operator。像这样role?.name。看看答案。我已经更新了。

【解决方案2】：

你可以这样做：

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)
  }

}

【讨论】：