我希望行在 JavaScript 中按類型排列。 可能嗎？

Question

我有多種類型的數組，例如Time-In 或 Time-Out 、 Break-in、Break-out等。這里是列表

const data = 
  [ { 
    , entryDateTime             : '02:28'
    , activityTypeId            : 'Time In'
    , comments                  : 'dgdfgdfg'
    , isLeave                   : ''
    } 
  , { timeSheetDetailActivityId : 0
    , timeSheetDailyActivityId  : 0
    , entryDateTime             : '03:28'
    , activityTypeId            : 'Time Out'
    , comments                  : '2323'
    , isLeave                   : ''
    } 
  , { 
    , entryDateTime             : '04:28'
    , activityTypeId            : 'Break In'
    , comments                  : '2323'
    , isLeave                   : ''
    } 
  , { timeSheetDetailActivityId : 0
    , timeSheetDailyActivityId  : 0
    , entryDateTime             : '05:28'
    , activityTypeId            : 'Break Out'
    , comments                  : '2323'
    , isLeave                   : ''
    } 
  , { 
    , entryDateTime             : '06:28'
    , activityTypeId            : 'Time In'
    , comments                  : '2323'
    , isLeave                   : ''
    } 
  , {
    , entryDateTime             : '07:28'
    , activityTypeId            : 'Time Out'
    , comments                  : '232323'
    , isLeave                   : ''
    } 
  ] 

我希望上面的列表喜歡這個

[ {
  , Time In                  : '02:28'
  , Time Out                 : '03:28'
  , Break In                 : '02:28'
  , Break Out                : '03:28'
  } 
, { 
  , Time In                  : '06:28'
  , Time Out                 : '08:28'
  , Break In                 : '02:28'
  , Break Out                : '03:28'
  } 
]

怎么可能？

我將非常感謝所有被困 2 天的人請幫助我或給一些時間。 提前致謝。

Answer 1

當然，小菜一碟。

構建一個 object 來跟蹤每個活動 ID 的數據，然后讀取它。

const groupedData = {};
data.forEach(({ timeSheetDailyActivityId, activityTypeId, entryDateTime }) => {
  // Retrieve group object from `groupedData`,
  // initialize one (assigning it back) if it doesn't yet exist.
  const group =
    groupedData[timeSheetDailyActivityId] ||
    (groupedData[timeSheetDailyActivityId] = { timeSheetDailyActivityId });
  // Add the activity->datetime mapping to the group.
  group[activityTypeId] = entryDateTime;
});
// Since `groupedData` is an object and we want an array, use `Object.values`.
console.log(Object.values(groupedData));

這會打印出來，例如（在稍微更改示例輸入數據之后，會有多個dailyId ）：

[
  {
    timeSheetDailyActivityId: 0,
    'Time In': '02:28',
    'Time Out': '03:28',
    'Break In': '04:28',
    'Break Out': '05:28'
  },
  {
    timeSheetDailyActivityId: 1,
    'Time In': '06:28',
    'Time Out': '07:28'
  }
]