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

Question

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

上下文：使用 API 扫描带有 GPS 装置的一组资产，并包含一个列表，列出哪些资产处于非活动状态，以及其他指标。

问题：我需要帮助的部分是嵌套 for 循环中的算法，该算法确定要在正确的 row/column.

处插入单元格的索引

我查看了 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() 正在单独迭代列，但是对于 table，您需要并行迭代列。此外，它试图同时处理两个不同的问题（转换数据和构建 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))
}

这是一个工作 fiddle:

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

如果您想要一种使用 zip 两个带逗号的数组 的简单方法。然后加入 header 并使用 \n.

压缩行

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,

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

How to convert multiple arrays to CSV columns using JavaScript?

javascript

csv

arrays

math

splice