在 React 中讀取 CSV 文件

Question

我正在上傳然后讀取 CSV 文件，但是在拆分它時遇到了問題，所以基本上，CSV 中的列名包含','所以當我要用','拆分列時無法獲得完整的列值，請建議我一些正確的方法。 謝謝

const readCsv = (file) => {
    const reader = new FileReader();
    const filetext = reader.readAsBinaryString(file);
    reader.addEventListener('load', function (e) {
        const data = e.target.result;
        let parsedata = [];

        let newLinebrk = data.split('\n');
        for (let i = 0; i < newLinebrk.length; i++) {
            parsedata.push(newLinebrk[i].split(','));
        }
        console.log("parsedData: ", parsedata);
    });
};

CSV：

column 1   column2                    
test       lorem, ipsum, dummy/text

拆分后：

['test', 'lorem', 'ipsum', 'dummy/text']

因此，通過這樣做，我無法獲得包含字符串中逗號的正確列名。

Answer 1

就我而言，我使用了滿足我所有要求的Papa Parse 。

const readCsv = (file) => {
    const reader = new FileReader();
    reader.readAsBinaryString(file);
    reader.addEventListener('load', function (e) {
        const data = e.target.result;
        Papaparse.parse(data, {
            complete: function (results) {
                console.log("results: ", results.data);
            },
        });
    });
};