如何根據javascript中的日期有條件地加入兩個陣列

我有兩個具有相同 iD 的用戶陣列。我想根據每個用戶擁有的 updatedAt 屬性合并它們。擁有更新的 updatedAt 屬性的用戶具有優先權。

const users1 = [
    { id: 1, name: 'user1', childUsers: [2], updatedAt: '2022-02-23T00:00:00.000Z' },
    { id: 2, name: 'user2', childUsers: [3, 4], updatedAt: '2022-01-26T00:00:00.000Z' },
    { id: 3, name: 'user3', childUsers: [2, 3], updatedAt: '2022-02-24T00:00:00.000Z' },
    { id: 4, name: 'user4', childUsers: [2, 4], updatedAt: '2022-02-26T00:00:00.000Z' },
  ]

const users2 = [
    { id: 1, name: 'user1', childUsers: [2], updatedAt: '2022-02-26T00:00:00.000Z' },
    { id: 2, name: 'user2.1', childUsers: [3, 4], updatedAt: '2022-02-27T00:00:00.000Z' },
    { id: 3, name: 'user3', childUsers: [2, 3], updatedAt: '2022-02-26T00:00:00.000Z' },
    { id: 4, name: 'user4.1', childUsers: [2, 4], updatedAt: '2022-02-27T00:00:00.000Z' },
  ]

輸出應該是

const mergedUsers = [
{ id: 1, name: 'user1', childUsers: [2], updatedAt: '2022-02-26T00:00:00.000Z' },
{ id: 2, name: 'user2.1', childUsers: [3, 4], updatedAt: '2022-02-27T00:00:00.000Z' },
{ id: 3, name: 'user3', childUsers: [2, 3], updatedAt: '2022-02-26T00:00:00.000Z' },
{ id: 4, name: 'user4.1', childUsers: [2, 4], updatedAt: '2022-02-27T00:00:00.000Z' },

]

uj5u.com熱心網友回復：

您可以使用Array.reduce()通過 id 對用戶進行分組，將任何條目替換為較新的updatedAt屬性。

一旦我們有了分組的用戶，我們就可以使用Object.values()來獲得所需的結果：

const users1 = [
    { id: 1, name: 'user1', childUsers: [2], updatedAt: '2022-02-23T00:00:00.000Z' },
    { id: 2, name: 'user2', childUsers: [3, 4], updatedAt: '2022-01-26T00:00:00.000Z' },
    { id: 3, name: 'user3', childUsers: [2, 3], updatedAt: '2022-02-24T00:00:00.000Z' },
    { id: 4, name: 'user4', childUsers: [2, 4], updatedAt: '2022-02-26T00:00:00.000Z' },
  ]

const users2 = [
    { id: 1, name: 'user1', childUsers: [2], updatedAt: '2022-02-26T00:00:00.000Z' },
    { id: 2, name: 'user2.1', childUsers: [3, 4], updatedAt: '2022-02-27T00:00:00.000Z' },
    { id: 3, name: 'user3', childUsers: [2, 3], updatedAt: '2022-02-26T00:00:00.000Z' },
    { id: 4, name: 'user4.1', childUsers: [2, 4], updatedAt: '2022-02-27T00:00:00.000Z' },
  ]

const result = Object.values([...users1, ...users2].reduce((acc, user) => { 
    // Entry either does not exist or has an older updatedAt property
    if (!acc[user.id] || (user.updatedAt > acc[user.id].updatedAt)) {
        acc[user.id] = user;
    }
    return acc;
}, {}))

console.log('Result:', result)

uj5u.com熱心網友回復：

您希望將第一個陣列中的每個用戶與第二個陣列中的相似用戶進行比較，然后選擇 updateAt 日期較高的用戶。

const users1 = [...];
const users2 = [...];

const merged = users1.map((user1) => {
  // loop through the users1 array 
  const duplicateUser = users2.find((user2) => user1.id === user2.id);
  // if a similar user was found
  if (duplicateUser) {
    // compare and return the user with the newer updatedAt date
    return new Date(duplicateUser.updatedAt) > new Date(user1.updatedAt)
      ? duplicateUser
      : user1;
  }
  return user1; // in the case of no duplicates 
});

console.log(merged);

標籤：javascript 数组 目的 合并

上一篇：將多維numpy陣列添加到一個陣列中

下一篇：如何-單擊影像時將不透明度設定為1并降低其他影像的不透明度