在JS中将对象拆分为对象数组

Posted 2023-02-14

【中文标题】在JS中将对象拆分为对象数组

【英文标题】：split object to object arrays in JS

【发布时间】：2022-01-22 01:55:16

【问题描述】：

您好，我无法将此对象转换为对象数组。

有数字和原因字段，目前是一个'，'分隔的字符串。它们应该被分解成它们自己的对象。示例数据集和我要归档的内容可以在下面的coden-p中看到。

// start value
const data = 
  date: "2021-09-07 10:28:34,2021-09-08 14:45:22",
  startDate: "2021-09-07 00:00:00,2021-09-08 14:45:22"
  id: "111111"
  number: "1,9"
  reason: "Autres,Autres"



// what I want to archive:
  const res = [
    date: "2021-09-07 10:28:34",
    startDate: "2021-09-07 00:00:00",
    id: 11111,
    number: 1,
    reason: "Autres"
   
    date: "2021-09-08 14:45:22",
    startDate: "2021-09-08 14:45:22",
    id: 11111,
    number: 9,
    reason: "Autres"
  ]

【问题讨论】：

到目前为止，您尝试了哪些方法来自行解决此问题？ .split() 结合一些循环应该已经让你进入正确的方向。

@VincentMenzel 为什么你完全重写了这个问题？什么是“对象数组”？没有任何输出/结果但有语法错误的 sn-p 如何改进这个问题？

我想修复它们，但是队列目前已满，所以我必须等待。

【参考方案1】：

使用reduce 方法和spread 运算符将带有字符串组合列的原始对象投影到具有splitted 列作为数组的对象中。

1a。通过filtering outid 列从原始对象中提取列名。

1b。投影过程中，统计行数。

使用上述计数器迭代行，为每一行生成一个新对象，使用当前迭代索引获取相关列值。

const original = 
  date: "2021-09-07 10:28:34,2021-09-08 14:45:22",
  startDate: "2021-09-07 00:00:00,2021-09-08 14:45:22",
  id: "111111",
  number: "1,9",
  reason: "Autres,Autres"
;

function split(obj) 
  const columnNames = Object.keys(obj).filter(key => key !== "id");
  const singleWithSplitted = columnNames.reduce((result, columnName) => 
    const splittedArray = obj[columnName].split(",");
    return (
      rowsCount: Math.max(result.rowsCount, splittedArray.length),
      table:  ...result.table,
        [columnName]: splittedArray
      
    );
  , 
    rowsCount: 0
  );
  const arr = [];
  for (i = 0; i < singleWithSplitted.rowsCount; i++) 
    const result = 
      id: obj.id
    ;
    columnNames.forEach((columnName) => 
      result[columnName] = singleWithSplitted.table[columnName][i];
    );
    arr.push(result);
  ;
  return arr;

console.log(split(original));