如何使用 JavaScript 从 CSV 文件读取数据？

如何使用 JavaScript 从 *.CSV 文件读取数据？

CSV（逗号分隔值）文件是存储表格数据的常见格式。要使用 JavaScript 从 CSV 文件读取数据，我们可以使用外部库或实现我们自己的解析函数。

使用 jQuery-CSV 库

jQuery-CSV 是一个用于在 JavaScript 中解析 CSV 数据的流行库。它提供了一个方便的方法 $.csv.toObjects(csv)，可以自动将 CSV 数据映射到对象数组。

// Assuming you've included jQuery-CSV in your HTML
var data = $.csv.toObjects(csv);

// Output
[
  { heading1: "value1_1", heading2: "value2_1", ... },
  { heading1: "value1_2", heading2: "value2_2", ... },
  ...
];

自定义解析函数

如果您不想使用外部库，您可以创建自己的解析函数。下面是一个简化示例：

function parseCSV(csv) {
  // Split the CSV into lines
  var lines = csv.split("\n");

  // Extract the header line
  var headers = lines[0].split(",");

  // Remove the header line from the CSV
  lines.shift();

  // Loop through the remaining lines and create objects
  var data = [];
  for (var i = 0; i < lines.length; i++) {
    // Split the line into values
    var values = lines[i].split(",");

    // Create an object using the headers as keys
    data.push(
      Object.fromEntries(
        headers.map((h, idx) => [h, values[idx]])
      )
    );
  }

  // Return the parsed data
  return data;
}

CSV 数据示例

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2

输出

[
  { heading1: "value1_1", heading2: "value2_1", ... },
  { heading1: "value1_2", heading2: "value2_2", ... },
  ...
];

注意： 示例 CSV 数据没有行休息。建议在解析之前添加换行符以使数据有效 CSV。

以上是如何使用 JavaScript 从 CSV 文件读取数据？的详细内容。更多信息请关注PHP中文网其他相关文章！