當與特定鍵/值匹配時，在javascript中合并兩個物件陣列的好方法是什么

在我正在處理的一個專案中，我需要合并 2 個物件陣列，結果是一個新的物件陣列，其中包含兩個 Id 匹配的合并鍵/值。

舉個例子，我創建了以下代碼段，但對于我想要實作的目標并不完全正確。片段后的更多詳細資訊

const users = [{
    id: 'Ae7uWu7LjwoEgVqzFU5xc',
    firstName: 'Carl',
    lastName: 'Jones'
  },
  {
    id: 't2wzj8dh4r-qw1_SW-IOE',
    firstName: 'Chloe',
    lastName: 'Kearney'
  },
  {
    id: '50Zwvw37OejbQBG7csZWJ',
    firstName: 'Gemma',
    lastName: 'Sloan'
  },
  {
    id: 'NpcXdEKqfzhVCZOJ1dKuw',
    firstName: 'Dario',
    lastName: 'Angelini'
  },
  {
    id: 'e95ZG9IfV442HdJp-CaBL',
    firstName: 'Mindy',
    lastName: 'Schreiber'
  },
  {
    id: 'eAMv8AbynYRkdBPE5Scm2',
    firstName: 'Xdax',
    lastName: 'Rufq'
  },
  {
    id: 'egMXnFvoMM7f4in3Se4Ui',
    firstName: 'Mtajx',
    lastName: 'Plde'
  },
  {
    id: '6kbPT-HC5-szACuJ85I6r',
    firstName: 'Zsofi',
    lastName: 'Toke'
  }
]

const comments = [{
    content: 'Patient follow up call scheduled for 11Nov2021 at 8am',
    stage: 'AT_CALLCENTER',
    userId: 't2wzj8dh4r-qw1_SW-IOE',
    createdAt: '2021-10-29T11:41:11.780Z'
  },
  {
    content: 'Patient confirmed GP referral on [date]',
    stage: 'AT_CALLCENTER',
    userId: 't2wzj8dh4r-qw1_SW-IOE',
    createdAt: '2021-10-29T11:41:42.237Z'
  },
  {
    content: 'Candidate called on [date] and visit scheduled for [date] ',
    stage: 'AT_SITE',
    userId: 't2wzj8dh4r-qw1_SW-IOE',
    createdAt: '2021-10-29T11:43:42.140Z'
  },
  {
    content: 'Candidate test result was positive for Pompe disease on [date]',
    stage: 'AT_SITE',
    userId: 't2wzj8dh4r-qw1_SW-IOE',
    createdAt: '2021-10-29T11:45:21.716Z'
  }
]

const result = users.map(t1 => ({
  ...t1,
  content: comments.filter(t2 => t2.userId === t1.id).map(t1 => t1.content),
  created: comments.filter(t2 => t2.userId === t1.id).map(t1 => t1.createdAt),
}));

console.log(result)

我能夠從該嘗試中得到的結果是一個物件陣列，但注釋在用戶物件本身內部表示為一個陣列，就像 createdAt 一樣

這是我現在得到的一個例子

 [{
    "id": "t2wzj8dh4r-qw1_SW-IOE",
    "firstName": "Chloe",
    "lastName": "Kearney",
    "content": [
      "Patient follow up call scheduled for 11Nov2021 at 8am",
      "Patient confirmed GP referral on [date]",
      "Candidate called on [date] and visit scheduled for [date] ",
      "Candidate test result was positive for Pompe disease on [date]"
    ],
    "created": [
      "2021-10-29T11:41:11.780Z",
      "2021-10-29T11:41:42.237Z",
      "2021-10-29T11:43:42.140Z",
      "2021-10-29T11:45:21.716Z"
    ]
  },]

我想得到的是解決方法，我的意思是我希望評論包括 用戶的firstNameand等于lastNamecomments.userIdusers.id

我想達到的目標的例子

考慮下面的 2 個物件

comments = [{
    content: 'Patient follow up call scheduled for 11Nov2021 at 8am',
    stage: 'AT_CALLCENTER',
    userId: 't2wzj8dh4r-qw1_SW-IOE',
    createdAt: '2021-10-29T11:41:11.780Z'
  },
  {
    content: 'Patient confirmed GP referral on [date]',
    stage: 'AT_CALLCENTER',
    userId: 't2wzj8dh4r-qw1_SW-IOE',
    createdAt: '2021-10-29T11:41:42.237Z'
  }, { ...some other comments...}]

users = [
  {
    id: 't2wzj8dh4r-qw1_SW-IOE',
    firstName: 'Chloe',
    lastName: 'Kearney'
  },
{ ...some other users... }]

合并2個物件后我正在尋找的結果如下

res = [
      { 
        firstName: 'Chloe',
        lastName: 'Kearney',
        content: 'Patient follow up call scheduled for 11Nov2021 at 8am',
        stage: 'AT_CALLCENTER',
        userId: 't2wzj8dh4r-qw1_SW-IOE',
        createdAt: '2021-10-29T11:41:11.780Z'
     },
      {
        firstName: 'Chloe',
        lastName: 'Kearney',
        content: 'Patient confirmed GP referral on [date]',
        stage: 'AT_CALLCENTER',
        userId: 't2wzj8dh4r-qw1_SW-IOE',
        createdAt: '2021-10-29T11:41:42.237Z'
      }
     ]

如上所述，我將用戶的名字和姓氏與 Id 匹配的評論添加在一起，因此它們在合并后是在一起的。

我希望了解這樣做的好方法

uj5u.com熱心網友回復：

const comments = [{
  content: 'Patient follow up call scheduled for 11Nov2021 at 8am',
  stage: 'AT_CALLCENTER',
  userId: 't2wzj8dh4r-qw1_SW-IOE',
  createdAt: '2021-10-29T11:41:11.780Z'
},{
  content: 'Patient confirmed GP referral on [date]',
  stage: 'AT_CALLCENTER',
  userId: 't2wzj8dh4r-qw1_SW-IOE',
  createdAt: '2021-10-29T11:41:42.237Z'
}];

const users = [{
  id: 't2wzj8dh4r-qw1_SW-IOE',
  firstName: 'Chloe',
  lastName: 'Kearney'
}];

console.log(
  comments.map(comment => {
    const {id, ...user} = users.find(({id}) => id===comment.userId);
    return ({...user, ...comment});
}));

標籤：javascript数组

上一篇：如何從沒有名稱的嵌套json陣列中獲取值？

下一篇：如何通過物件陣列中的多個鍵進行分組和求和？