JavaScript: leggere un file CSV con l'oggetto FileReader

JavaScript: leggere un file CSV con l'oggetto FileReader

La lettura di un file CSV in JavaScript può essere effettuata utilizzando l'oggetto FileReader, che permette di leggere il contenuto di un file come una stringa o un array di byte. Il file CSV, che contiene dati separati da virgole, può quindi essere elaborato e manipolato nel codice JavaScript.

Per iniziare, è necessario creare un'istanza dell'oggetto FileReader, come ad esempio:


const reader = new FileReader();

Successivamente, è possibile utilizzare il metodo readAsText() per leggere il contenuto del file come una stringa:


reader.readAsText(file);

In questo caso, file rappresenta l'oggetto File selezionato dall'utente tramite l'input file di HTML.

Una volta che la lettura del file è completata, è possibile accedere al contenuto del file CSV utilizzando la proprietà result dell'oggetto FileReader:


reader.onload = () => {
  const csvContent = reader.result;
  // Esegui operazioni sul contenuto del file CSV
};

Il contenuto del file CSV può quindi essere manipolato, ad esempio suddividendo le righe e le colonne utilizzando il metodo split() e creando un array di oggetti rappresentanti i dati.

In generale, l'uso dell'oggetto FileReader per la lettura di file CSV in JavaScript è un modo semplice ed efficace per manipolare dati tabulari e integrarli nel proprio codice.

Torna su