如何在javascript中將對象添加到數組中的另一個對象

Question

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 工作表中的預期輸出應為

Answer 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);