JavaScript 中解析 CSV 檔案
Kushank Singh
2023年1月30日
2021年10月2日
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);
}
});
這個庫與大多數可用的瀏覽器相容。