前端实现导出数据

前端可以通过浏览器提供的下载功能，将数据导出为文件。以下是一个基本的导出数据的示例：

function exportData(data, fileName) {
  const blob = new Blob([data], { type: 'text/csv' });
  const url = window.URL.createObjectURL(blob);
  const link = document.createElement('a');
  link.href = url;
  link.download = fileName;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
}

这个函数接受两个参数：data和fileName。data是要导出的数据，fileName是导出文件的名称。

该函数使用Blob对象创建一个包含数据的文件，并通过URL.createObjectURL()方法创建一个URL，该URL可以用于下载文件。

然后，该函数创建一个a标签，并设置其href和download属性，以便将文件保存为指定的文件名。最后，该函数将链接添加到文档中，单击链接并从文档中删除它。

例如，要将一个对象数组导出为CSV文件，可以使用以下代码：

const data = [
  { name: 'John', age: 30 },
  { name: 'Mary', age: 25 },
  { name: 'Tom', age: 40 }
];

const csv = data.map(row => Object.values(row).join(',')).join('\n');
exportData(csv, 'data.csv');

该代码将data数组转换为CSV格式，并将其导出为名为data.csv的文件