温馨提示:本文翻译自stackoverflow.com,查看原文请点击:arrays - Converting dataset into proper CSV notation for downloading using JavaScript
arrays dictionary javascript csv

arrays - 将数据集转换为正确的CSV表示法以使用JavaScript下载

发布于 2020-03-27 11:20:37

我目前有以下数据集:

this.set1 // == [111000, 111000, 110000, 110000, 109000]
this.set2 // == [2.073921204, 2.156188965, 2.210624695, 2.210624695, 2.286842346]
this.set3 // == [527.6497192, 522.3652954, 529.675415, 529.675415, 533.8148804]
this.set4 // == [530.6442261, 524.7432861, 532.2295532, 532.2295532, 536.545166]
this.set5 // == [80.73879242, 80.92513275, 80.95175934, 80.95175934, 80.79203796]

我尝试了以下代码将这些数据转换为所需的CSV数据:

// Reference to pulled-data arrays
let data = [
  this.set1
  this.set2
  this.set3
  this.set4
  this.set5
];

// Convert data arrays to CSV format
const CSVURL = 'data:text/csv;charset=UTF-8,';
let formattedData = data.map(e => e.join(',')).join('\n');
let encodedData = CSVURL + encodeURIComponent(formattedData);

// Generic download CSV function
downloadFile('name.csv', encodedData);

但是,这会输出以下格式的CSV文件:

描述1

如何将数据转换为这种格式以用于CSV?

desc 2

编辑:与其他职位的相似之处只是部分。请参阅评论以获取完整解决方案。

查看更多

查看更多

提问者
About7Deaths
被浏览
135
About7Deaths 2019-07-04 00:03

利用@Heretic Monkey(用于转置数据)和@codeWonderland(用于添加类别名称)的部分建议,我得出了以下解决方案:

// Reference to pulled-data arrays
let data = [
  this.set1
  this.set2
  this.set3
  this.set4
  this.set5
];

// NEW
// Reference to data array names in same order as aforementioned data array
const dataNames = [
  'set1',
  'set2',
  'set3',
  'set4',
  'set5',
]

// NEW
// Add label to each column
data.forEach((datum, index) => {
  datum.unshift(dataNames[index]);
});

// Convert data arrays to CSV format
const CSVURL = 'data:text/csv;charset=UTF-8,';
let transposedData = data[0].map((col, i) => data.map(row => row[i])); // NEW: TRANSPOSE DATA
let formattedData = transposedData.map(e => e.join(',')).join('\n'); // Modified
let encodedData = CSVURL + encodeURIComponent(formattedData);

// Generic download CSV function
downloadFile('name.csv', encodedData);

还注意到@Kosh Very最近增加了替代列标记,引用为:

// pull arrays by headers
data[0].forEach(h => data.push(this[h]));