前端怎么导出excle

前端可以通过使用 JavaScript 库来导出 Excel 文件，其中比较常用的库有 SheetJS 和 ExcelJS。

SheetJS 是一个开源库，支持将数据导出为 Excel 文件，它可以在浏览器中运行，也可以在 Node.js 中使用。使用 SheetJS，你需要先将数据转换成 Excel 格式，然后通过浏览器下载即可。

下面是使用 SheetJS 导出 Excel 的示例代码：

// 导出数据到 Excel
function exportToExcel(data, filename) {
  const worksheet = XLSX.utils.json_to_sheet(data);
  const workbook = XLSX.utils.book_new();
  XLSX.utils.book_append_sheet(workbook, worksheet, filename);
  XLSX.writeFile(workbook, filename + '.xlsx');
}

// 示例数据
const data = [
  { name: '张三', age: 18, gender: '男' },
  { name: '李四', age: 20, gender: '女' },
  { name: '王五', age: 22, gender: '男' }
];

// 调用导出函数
exportToExcel(data, '用户信息');

ExcelJS 也是一个开源库，它支持更多的 Excel 功能，包括图表、图像、样式等。使用 ExcelJS，你需要先创建一个工作簿，然后添加工作表和数据，最后保存文件即可。

下面是使用 ExcelJS 导出 Excel 的示例代码：

// 导出数据到 Excel
function exportToExcel(data, filename) {
  const workbook = new ExcelJS.Workbook();
  const worksheet = workbook.addWorksheet('Sheet1');
  worksheet.columns = [
    { header: '姓名', key: 'name' },
    { header: '年龄', key: 'age' },
    { header: '性别', key: 'gender' }
  ];
  worksheet.addRows(data);
  workbook.xlsx.writeFile(filename + '.xlsx');
}

// 示例数据
const data = [
  { name: '张三', age: 18, gender: '男' },
  { name: '李四', age: 20, gender: '女' },
  { name: '王五', age: 22, gender: '男' }
];

// 调用导出函数
exportToExcel(data, '用户信息');

以上两个库都有详细的文档和示例代码，你可以根据自己的需求选择合适的库。