如何使用 Javascript 将数据导出到 CSV？

Question

我设法编写了一个脚本，将数据从 Javascript 的 GET 请求导出到 CSV。但是，我有一个unit具有更多字段（时间、高度、纬度、o3、co2、ch2o）的变量。如何使用从脚本中获取的值创建包含更多列的 CSV？到目前为止，我已经设法创建了一个带有多个标题的 CSV，但我不知道如何用数据填充 CSV 的行。我已经设法完全填充了一列。在下面的函数中，我以前unit[Object.keys(unit)[4]]只获取co2数据。如何将数据附加到每一列？function download_csv(data, sensor) {  var csv = 'Day, altitude, latitude, o3, co2, ch2o\n';  for (var index in data) {    if (!data.hasOwnProperty(index)) continue;    var unit = data[index];    csv += unit[Object.keys(unit)[4]];    csv += "\n";  }  var hiddenElement = document.createElement('a');  hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(csv);  hiddenElement.target = '_blank';  hiddenElement.download = sensor + '.csv';  hiddenElement.click();}数据具有以下格式：

Answer 1

假设data参数包含用于构建 CSV 数据的对象数组，您可以使用Object.keys()和Object.value()动态构建数据。使用此方法，键名是什么或数据中包含多少个键名都无关紧要。

function download_csv(data, sensor) {

  let csvHeader = Object.keys(data[0]).join(',') + '\n'; // header row

  let csvBody = data.map(row => Object.values(row).join(',')).join('\n');

  var hiddenElement = document.createElement('a');

  hiddenElement.href = 'data:text/csv;charset=utf-8,' + encodeURI(csvHeader + csvBody);

  hiddenElement.target = '_blank';

  hiddenElement.download = sensor + '.csv';

  hiddenElement.click();

}

let data = [{

  lorem: 'ipsum',

  foo: 'bar',

  fizz: 'buzz'

}];

download_csv(data, 'foobar');

如果您需要支持旧版浏览器，需要注意的一件事Object.values是 IE 不支持。不过，有一个polyfill可用。