使用键减少转换单个数组

Question

我在这里问了一个类似的问题，但是我正在尝试使用 findIndex 寻找替代解决方案。

此输入数据：

const reports = [
  {
    dateOfReport: "11-01-2021",
    userId: "id1",
    userMetric: { first_metric: 10, second_metric: 15 },
  },
  {
    dateOfReport: "11-01-2021",
    userId: "id2",
    userMetric: { first_metric: 9, second_metric: 14 },
  },
  {
    dateOfReport: "12-01-2021",
    userId: "id1",
    userMetric: { first_metric: 11, second_metric: 14 },
  },
  {
    dateOfReport: "12-01-2021",
    userId: "id2",
    userMetric: { first_metric: 16, second_metric: 19 },
  },
];

输出数据必须是：

const output = [
  {
    dateOfReport: "11-01-2021",
    id1: { first_metric: 10, second_metric: 15 },
    id2: { first_metric: 9, second_metric: 14 },
  },
  {
    dateOfReport: "12-01-2021",
    id1: { first_metric: 11, second_metric: 14 },
    id2: { first_metric: 16, second_metric: 19 },
  },
];

我尝试在下面编写类似的代码，但在输出中得到了重复的数据。谁能帮忙解决这个问题？

const groupedReports = reports.reduce((acc, dataItem) => {
    const nodeIndex = acc.findIndex((item) => item.dateOfReport === dataItem.dateOfReport);
    const newNode = { date: dataItem.date, [dataItem.userId]: dataItem.userMetric };

    console.log("NEW NODE", newNode);

    return [...acc.slice(0, nodeIndex - 1), newNode, ...acc.slice(nodeIndex + 1)]
  }, []);

Answer 1

我认为你可以这样做：

reports.reduce((pre, cur) => {
    let index = pre.findIndex(item => item.dateOfReport == cur.dateOfReport)
    if (index != -1) {
        pre[index][cur.userId] = cur.userMetric
    } else {
        pre.push({
            dateOfReport: cur.dateOfReport,
            [cur.userId]: cur.userMetric
        })
    }
    return pre
}, [])

Answer 2

这是我的解决方案：

const reports = [
  {
    dateOfReport: "11-01-2021",
    userId: "id1",
    userMetric: { first_metric: 10, second_metric: 15 },
  },
  {
    dateOfReport: "11-01-2021",
    userId: "id2",
    userMetric: { first_metric: 9, second_metric: 14 },
  },
  {
    dateOfReport: "12-01-2021",
    userId: "id1",
    userMetric: { first_metric: 11, second_metric: 14 },
  },
  {
    dateOfReport: "12-01-2021",
    userId: "id2",
    userMetric: { first_metric: 16, second_metric: 19 },
  },
];

const sortReports = (reports) => {
    // Array of dates with no duplicates
    const dates = [...new Set(reports.map(el => el.dateOfReport))];
    // Replace each date with an array of reports that are relevant to the date
    // Reduce each array of reports into an object with your desired format
    const newReports = dates
      .map(date => reports
      .filter(report => report.dateOfReport === date)
      .reduce(el => ({
        dateOfReport: el.dateOfReport,
        [el.userId]: el.userMetric
      })));
    return newReports;
}
  
console.log(sortReports(reports));

Answer 3

您可以对对象进行分组并将新属性分配给 id。

const
    reports = [{ dateOfReport: "11-01-2021", userId: "id1", userMetric: { first_metric: 10, second_metric: 15 } }, { dateOfReport: "11-01-2021", userId: "id2", userMetric: { first_metric: 9, second_metric: 14 } }, { dateOfReport: "12-01-2021", userId: "id1", userMetric: { first_metric: 11, second_metric: 14 } }, { dateOfReport: "12-01-2021", userId: "id2", userMetric: { first_metric: 16, second_metric: 19 } }],
    result = Object.values(reports.reduce((r, { dateOfReport, userId, userMetric }) => {
        (r[dateOfReport] ??= { dateOfReport })[userId] = userMetric;
        return r;
    }, {}));

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }

使用键减少转换单个数组

Transform single an array with reduce by key

javascript

arrays

reduce