如何使用JavaScript将多个数组转换为CSV列?

Question

目标:将多个JavaScript数组转换为CSV列。

上下文:使用API扫描具有GPS单元的资产车队，并在其他指标中包含不活动资产的列表。

问题:我需要帮助的部分是嵌套for循环中的算法，该算法确定在正确的行/列插入单元格的索引。

我看过NPM上的许多包，但似乎没有能够轻松地将多个数组转换为CSV列。

我还没有需要在这里问一个问题，所以它当然可能是我去这个错误的方式或错过了一个解决方案;因此，任何帮助或提示，以实现这一目标是高度赞赏的。

运行代码如下，但期望的输出应该是:

All Assets,Idle Assets
1000,2001,
1001,2002,
1002,2003,
1003,2004,
1004,,

而不是:

All Assets,Idle Assets
1000,2001,
2002,
2003,
2004,
,
1001,1002,1003,1004,

//Sample Array Data (can handle more arrays/columns)
const allAssets = ['1000', '1001', '1002', '1003', '1004'];
const idleAssets = ['2001', '2002', '2003', '2004'];
////Arrays to CSV columns
const headers = ['All Assets', 'Idle Assets'];
const columns = [allAssets, idleAssets];
//Identify columnLen (# of arrays) & rowLen (length of longest array)
let longestArr = 0;
columns.forEach((arr) =>
arr.length > longestArr
? longestArr = arr.length
: undefined);
const rowLen = longestArr;
const columnLen = columns.length;
const heading = (headers.join(',')).concat('n');
const csvConstructor = () => {
const data = [];
for (let column = 0; column < columnLen; column++) {
const columnArray = columns[column];
for (let row = 0; row < rowLen; row++) {
let cell;

//Account for different sized arrays
columnArray[row] === undefined
? cell = ','
: cell = columnArray[row].concat(',');
//New line for cells in last column
(columns.length - 1) === column
? cell = cell.concat('n')
: undefined;
//Dynamically insert cell into appropriate data index
const insertAt = column + row; //<--- Need help here
data.splice(insertAt, 0, cell);
}
}
const result = heading.concat(data.join(''));
return result
}
const csv = csvConstructor();
console.log(csv);

Answer 1

您的csvConstructor()是单独迭代列，但对于表，您需要并行迭代列。此外，它试图同时处理两个不同的关注点(转换数据和构造csv字符串)，因此有点难以理解。

这个问题在逻辑上分为两个阶段。在第一阶段，您需要一个格式良好的数组，以反映CSV的表格结构(或者如果它是一个大数据集，那么您可能需要一个逐行生成的迭代器，但我不会在这里做那个版本)。

输出格式如下:

const result = [
[header A, header B],
[value A, value B],
[value A, value B],
// ...etc...
]

一旦我们有了这个结构，我们就可以把它转换成CSV。

所以要根据你的数据得到它:

function toCsvRows(headers, columns) {
const output = [headers]
const numRows = columns.map(col => col.length)
.reduce((a, b) => Math.max(a, b))
for (let row = 0; row < numRows; row++) {
output.push(columns.map(c => c[row] || ''))
}
return output
}
function toCsvString(data) {
let output = ''
data.forEach(row => output += row.join(',') + 'n')
return output
}
function csvConstructor(headers, columns) {
return toCsvString(toCsvRows(headers, columns))
}

这是一个工作小提琴:

https://jsfiddle.net/foxbunny/fdxp3bL5/

编辑:实际上，让我也做内存高效的版本:

function *toCsvRows(headers, columns) {
yield headers
const numRows = columns.map(col => col.length)
.reduce((a, b) => Math.max(a, b))
for (let row = 0; row < numRows; row++) {
yield columns.map(c => c[row] || '')
}
}
function toCsvString(data) {
let output = ''
for (let row of data) {
output += row.join(',') + 'n'
}
return output
}
function csvConstructor(headers, columns) {
return toCsvString(toCsvRows(headers, columns))
}

Answer 2

如果你想用一个简单的方法使用压缩两个数组用逗号。然后用n连接header和压缩行。

const   allAssets  = ['1000', '1001', '1002', '1003', '1004'],
idleAssets = ['2001', '2002', '2003', '2004'],
headers    = ['All Assets', 'Idle Assets'],
zip        = (a, b) => a.map((k, i) => `${k}, ${b[i]||''}`),
zipLonger = (a, b) => a.length > b.length ? zip(a, b) : zip(b, a);
console.log(headers.join(', ')+'n'+
zipLonger(allAssets, idleAssets).join('n'))

结果:

All Assets, Idle Assets
1000, 2001
1001, 2002
1002, 2003
1003, 2004
1004,