如何在javascript中将对象添加到数组中的另一个对象答案

【问题标题】：How to add an object to another object in array in javascript如何在javascript中将对象添加到数组中的另一个对象
【发布时间】：2020-11-19 18:10:37
【问题描述】：

import React from 'react';
import ReactExport from 'react-data-export';

const ExcelFile = ReactExport.ExcelFile;
const ExcelSheet = ReactExport.ExcelFile.ExcelSheet;

ExcelData = [{
        columns:
            [
                [{ title: "Header1" }],
                [{ title: "Header2" }],
                [{ title: "Header3" }],
                [{ title: "Header4" }],
            ],
    data:
        [
          [ {..}, {..}, {..}, {..} ],
          [ {..}, {..}, {..}, {..} ],
          [ {..}, {..}, {..}, {..} ],
          [ {..}, {..}, {..}, {..} ],  
        ],    

}]

1.如果我想将另一个对象 FinalData 以给定格式（如对象数组）附加到数据数组，在 Header1 下，从 Data01 到 Data04 的数据同样应该出现。我们怎么能这样做？ FinalData 的格式为

FinalData = [
                [{ value: "Data01" },
                 { value: "Data02" },
                 { value: "Data03" }
                 { value: "Data04"  }],
                [{ value: "Data21" },
                 { value: "Data22" },
                 { value: "Data23" }
                 { value: "Data24"  }],
                [{ value: "Data31" },
                 { value: "Data32" },
                 { value: "Data33" }
                 { value: "Data34"  }],
                [{ value: "Data41" },
                 { value: "Data42" },
                 { value: "Data43" }
                 { value: "Data44"  }],
            ]

我想要将 FinalData 映射到 ExcelData 中的数据的函数，格式应该相同。因为我需要在 dataSet={ExcelData} 中传递相同的结构来获得预期的输出 Excel。

export default function ExcelExportTwo() {
    return (
        <div>
            <ExcelFile element={<button>ExcelExportThree</button>}>
                <ExcelSheet dataSet={ExcelData} name="Organization" />
            </ExcelFile>
        </div>
    );
}

Excel 工作表中的预期输出应该是

【问题讨论】：

你能发布你想要的结果吗？
您的问题有点令人困惑，但您肯定知道如何使用方括号访问带有索引的数组中的项目，并且知道 pop() push() shif() unshift 的存在() javascript 中的数组方法。 (?)

标签： javascript reactjs react-data-table-component

【解决方案1】：

我不确定这是否是您需要的。

const ExcelData = [
  {
    columns: [
      [{title: 'Header1'}],
      [{title: 'Header2'}],
      [{title: 'Header3'}],
      [{title: 'Header4'}],
    ],
    data: [],
  },
];

const FinalData = [
  [
    {value: 'Data11'},
    {value: 'Data12'},
    {value: 'Data13'},
    {value: 'Data14'},
  ],
  [
    {value: 'Data21'},
    {value: 'Data22'},
    {value: 'Data23'},
    {value: 'Data24'},
  ],
  [
    {value: 'Data31'},
    {value: 'Data32'},
    {value: 'Data33'},
    {value: 'Data34'},
  ],
  [
    {value: 'Data41'},
    {value: 'Data42'},
    {value: 'Data43'},
    {value: 'Data44'},
  ],
];

const result = [{...ExcelData[0], data: [...FinalData]}];
console.log(result);

【讨论】：