javascript - 将列表类型数据解析为不同格式以兼容电子表格

Question

我是 JavaScript 新手，如果不能正确解释问题，请发表评论，至少我可以告诉更多信息。

如果有人可以给我一点帮助，请预先感谢一百万

我已经为此困扰了好几个小时，我无法找到解决这个问题的解决方案。

假设我有列表类型的数据需要从一种格式解析为另一种格式以便我可以与 react-datasheet 格式兼容以显示电子表格

Sample data:

const sampleData = [
  {
    question: "what is your name?",
    answer: "Ben",
    topic: "names"
  },
  {
    question: "what is your name?",
    answer: "Will",
    topic: "names"
  },
  {
    question: "What is your brother's age?",
    answer: 55,
    topic: "ages"
  }
]

Expected results 
 grid: [
        [
          { readOnly: true, value: "SL" },
          { value: "topic", readOnly: true },
          { value: "question", readOnly: true },
          { value: "answer", readOnly: true },
        ],
        [
          { readOnly: true, value: 1 },
          { value: 'names' },
          { value: ' what is your name?' },
          { value: 'Ben' },
        ],
        [
          { readOnly: true, value: 2 },
          { value:'names' },
          { value: 'what is your name?' },
          { value: 'Willi' },
        ],
        [
          { readOnly: true, value: 3 },
          { value: 'ages' },
          { value: "What is your brother's age?" },
          { value: 33 },
        ],
      ]

Answer 1

const sampleData = [
  {
    question: "what is your name?",
    answer: "Ben",
    topic: "names"
  },
  {
    question: "what is your name?",
    answer: "Will",
    topic: "names"
  },
  {
    question: "What is your brother's age?",
    answer: 55,
    topic: "ages"
  }
]

// First, for each object in sampleData, construct an array of objects:
var grid = sampleData.map(function(currentValue, index, a) {
    return [
        { readOnly: true, value: index + 1 },
        { value: currentValue.topic },
        { value: currentValue.question },
        { value: currentValue.answer }
    ];
});

// Then prepend the "header/config" array of objects:
grid.unshift([
    { readOnly: true, value: "SL" },
    { value: "topic", readOnly: true },
    { value: "question", readOnly: true },
    { value: "answer", readOnly: true },
]);

// Finally, wrap grid in an object:
var expectedResults = {
    grid: grid
}
console.log(expectedResults);