具有相同 ID 的对象被推入相同的数组

Question

如何将每个对象中具有相同 ID 的所有客户放入一个数组中（除非您有更好的主意） 这样我就可以在表格中为该特定客户显示开始和结束时间。 这里的想法是显示一个具有固定列的表格，并且每一行将填充客户姓名和每一列的开始时间，而不是多行。

我正在循环我的 API 数据，其中它返回多个对象，每个对象都有自己的值，例如：

Answer 1

最好使用 Object，其中键是实际的 ID 标识符：{ID1: [], ID2: []}- 这样只需定位 ID，您就可以取回该客户 ID 的所有数据：

const response = [
  {customerId:"11", customerName:"John", serviceName: "foo"},
  {customerId:"88", customerName:"Anne", serviceName: "bar"},
  {customerId:"11", customerName:"John", serviceName: "baz"},
];

const customers = response.reduce((dict, data) => {
  if (!dict[data.customerId]) dict[data.customerId] = [];
  dict[data.customerId].push(data);
  return dict;
}, {});

// Get specific customer data (customerId "11"):
console.log(customers["11"]);

// Get all customers data:
console.log(customers);

这也可以使用Map Object 及其has、get 和set 方法来完成：

const response = [
  {customerId:"11", customerName:"John", serviceName: "foo"},
  {customerId:"88", customerName:"Anne", serviceName: "bar"},
  {customerId:"11", customerName:"John", serviceName: "baz"},
];

const customers = response.reduce((m, {customerId:id, ...r}) => {
  if (!m.has(id)) m.set(id, []);
  return (m.get(id).push(r), m);
}, new Map());

// Get specific customer data (customerId "11"):
console.log(customers.get("11"));

// Get all customers data:
console.log([...customers]);