JavaScript 中解析 CSV 文件

Kushank Singh 2023年1月30日 2021年10月2日
  1. 在 JavaScript 中使用 jquery-csv 插件解析 CSV
  2. 在 JavaScript 中使用 Papa.parse 库解析 CSV
JavaScript 中解析 CSV 文件

CSV 是包含多个逗号分隔值的文件。它可以以表格格式保存,通常与 Excel 兼容。因此,需要用编程语言解析 CSV 数据。

由于 CSV 文件本质上是一个带有逗号分隔值的文本文件,我们可以使用 FileReader 类将 CSV 文件作为字符串读取并相应地对其进行格式化。

在本教程中,我们将学习如何使用 JavaScript 解析 CSV。

在 JavaScript 中使用 jquery-csv 插件解析 CSV

要直接解析 CSV 文件,我们可以使用 jquery-csv 插件。

这是一个完全可配置、测试和优化的 CSV 解析器,使用 jQuery 语法。我们可以使用 csv.toArrays() 函数将数据加载到数组中。

请参考下面的代码。

array = $.csv.toArrays(csv, {
  delimiter: "'", 
  separator: ';', // Sets a custom field separator character
});

delimiter 可用于设置自定义分隔符字符值,而 separator 可用于设置自定义字段分隔符。这表明 jquery-csv 是完全可定制的。请记住在使用之前相应地导入插件。

或者,我们也可以使用该插件提供的 csv.toObjects() 函数将 CSV 文件解析为一个对象。

在 JavaScript 中使用 Papa.parse 库解析 CSV

Papa.parse 库近年来越来越受欢迎,可以有效地解析 CSV 数据。它快速且易于使用。我们可以将其与 CSV 字符串或直接与 CSV 文件一起使用。

例如,

Papa.parse(file, {
    complete: function(csvdata) {
        console.log(csvdata);
    }
});

这个库与大多数可用的浏览器兼容。

相关文章 - JavaScript CSV