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