如何在 JavaScript 中将 CSV 转换为 JSON 文件，反之亦然？

CSV 文件是一种常见的文件格式，用于以类似表格的方式存储数据。当用户打算以他们可以在本地计算机上轻松打开和阅读的方式下载结构化信息时，它们可能特别有用。 CSV 文件因其可移植性和通用性而非常适合。

在本文中，我们将解释如何将 JavaScript 对象 JSON 转换为 CSV 文件格式，反之亦然。此代码不使用任何外部库，因此它适用于浏览器和 Node.js。

从 JSON 转换为 CSV

要将 JSON 转换为 CSV，我们首先需要识别 CSV 文件的标题。为此，让我们获取每个已传入的 JavaScript 对象中存在的键列表。要获取此键列表，请使用 Object.keys() 方法。

Javascript

    const JSONToCSV = (objArray, keys) => {
        let csv = keys.join(',');
        objArray.forEach((row) => {
            let values = [];
            keys.forEach((key) => {
                values.push(row[key] || '');
            });
            csv += '\n' + values.join(',');
        });
        return csv;
    };
  
    const exampleJSON = [
        { 
            "date": 20210307, 
            "positives": 28756184, 
            "fatalities": 515148 
        },
        { 
            "date": 20210306, 
            "positives": 28714654, 
            "fatalities": 514309 
        },
        { 
            "date": 20210305, 
            "positives": 28654639, 
            "fatalities": 512629 
        },
        { 
            "date": 20210304, 
            "positives": 28585852, 
            "fatalities": 510408 
        },
        { 
            "date": 20210303, 
            "positives": 28520365, 
            "fatalities": 508665 
        },
        { 
            "date": 20210302, 
            "positives": 28453529, 
            "fatalities": 506216 
        },
        { 
            "date": 20210301, 
            "positives": 28399281, 
            "fatalities": 504488 
        }
    ];
    console.log(JSONToCSV(exampleJSON, 
        ['date', 'positives', 'fatalities']));

这段代码可以简化为：

Javascript

    const JSONToCSV = (objArray, keys) => [
        keys.join(','), ...objArray.map(
            row => keys.map(k => row[k] || '')
                .join(','))].join('\n');
  
    const exampleJSON = [
        {
            "date": 20210307,
            "positives": 28756184,
            "fatalities": 515148
        },
        {
            "date": 20210306,
            "positives": 28714654,
            "fatalities": 514309
        },
        {
            "date": 20210305,
            "positives": 28654639,
            "fatalities": 512629
        },
        {
            "date": 20210304,
            "positives": 28585852,
            "fatalities": 510408
        },
        {
            "date": 20210303,
            "positives": 28520365,
            "fatalities": 508665
        },
        {
            "date": 20210302,
            "positives": 28453529,
            "fatalities": 506216
        },
        {
            "date": 20210301,
            "positives": 28399281,
            "fatalities": 504488
        }
    ];
    console.log(JSONToCSV(exampleJSON,
        ['date', 'positives', 'fatalities']));

输出：

date, positives, fatalities
20210307, 28756184, 515148
20210306, 28714654, 514309
20210305, 28654639, 512629
20210304, 28585852, 510408
20210303, 28520365, 508665
20210302, 28453529, 506216
20210301, 28399281, 504488

从 CSV 转换为 JSON

要从 CSV 转换为 JSON，首先通过解析 CSV 标头识别每个 JavaScript 对象的键列表，然后将每个键和值添加到每个 CSV 行的新对象。

Javascript

    const CSVToJSON = csv => {
        const lines = csv.split('\n');
        const keys = lines[0].split(',');
        return lines.slice(1).map(line => {
            return line.split(',').reduce((acc, cur, i) => {
                const toAdd = {};
                toAdd[keys[i]] = cur;
                return { ...acc, ...toAdd };
            }, {});
        });
    };
  
    const exampleCSV = `
            date,positives,fatalities
            20210307,28756184,515148
            20210306,28714654,514309
            20210305,28654639,512629
            20210304,28585852,510408
            20210303,28520365,508665
            20210302,28453529,506216
            20210301,28399281,504488`;
    console.log(CSVToJSON(exampleCSV));

输出：