CSV-Datei in JavaScript parsen

Kushank Singh 12 Oktober 2023
  1. Verwendung von das Plugin jquery-csv zum Parsen von CSV in JavaScript
  2. Verwendung von die Bibliothek Papa.parse zum Parsen von CSV in JavaScript
CSV-Datei in JavaScript parsen

Eine CSV-Datei ist eine Datei, die mehrere durch Kommas getrennte Werte enthält. Es kann in einem Tabellenformat gespeichert werden und ist in der Regel mit Excel kompatibel. Daher besteht die Notwendigkeit, CSV-Daten in Programmiersprachen zu parsen.

Da eine CSV-Datei im Wesentlichen eine Textdatei mit durch Kommas getrennten Werten ist, können wir mit der Klasse FileReader CSV-Dateien als String lesen und entsprechend formatieren.

In diesem Tutorial erfahren wir, wie Sie CSV mit JavaScript analysieren.

Verwendung von das Plugin jquery-csv zum Parsen von CSV in JavaScript

Um die CSV-Datei direkt zu parsen, können wir das Plugin jquery-csv verwenden.

Dies ist ein vollständig konfigurierbarer, getesteter und optimierter CSV-Parser, der die jQuery-Syntax verwendet. Wir können die Funktion csv.toArrays() verwenden, um Daten in ein Array zu laden.

Siehe den Code unten.

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

Das delimiter kann verwendet werden, um einen benutzerdefinierten Trennzeichenwert festzulegen, und das separator kann verwendet werden, um ein benutzerdefiniertes Feldtrennzeichen festzulegen. Dies zeigt, dass jquery-csv vollständig anpassbar ist. Denken Sie daran, das Plugin entsprechend zu importieren, bevor Sie es verwenden.

Alternativ können wir auch die Funktion csv.toObjects() dieses Plugins verwenden, um CSV-Dateien in ein Objekt zu parsen.

Verwendung von die Bibliothek Papa.parse zum Parsen von CSV in JavaScript

Die Bibliothek Papa.parse hat in den letzten Jahren an Popularität gewonnen, um CSV-Daten effizient zu parsen. Es ist schnell und einfach zu bedienen. Wir können dies mit CSV-Strings oder direkt mit CSV-Dateien verwenden.

Zum Beispiel,

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

Diese Bibliothek ist mit den meisten verfügbaren Browsern kompatibel.

Verwandter Artikel - JavaScript CSV