Herausforderung: CSV-Parser

Das CSV-Format (Comma-Separated Values) ist überall: Exports aus Excel, Datenbank-Dumps, Ausgaben von Kommandozeilenwerkzeugen. Das Parsen ist eine kleine Herausforderung, die split, map, Destructuring und das Aufbauen von Objekten kombiniert.

Das Format

Ein minimales CSV ist eine mehrzeilige Zeichenkette: Die erste Zeile ist der Header (Spaltennamen), gefolgt von einer Zeile pro Datensatz, deren Felder durch Kommata getrennt sind.

nome,eta,citta
Alice,30,Roma
Bob,25,Milano

Das klassische Ziel besteht darin, dies in ein Array von Objekten umzuwandeln:

[
  { nome: 'Alice', eta: '30', citta: 'Roma' },
  { nome: 'Bob', eta: '25', citta: 'Milano' },
];

Das Rezept in 3 Schritten

1. Teile die Zeichenkette in Zeilen auf: csv.split('\n')
2. Extrahiere die Header-Zeile: die erste Zeile, getrennt durch Kommata
3. Mappe jede verbleibende Zeile in ein Objekt, wobei jedes Feld dem entsprechenden Header zugeordnet wird

function parseCSV(csv) {
  const righe = csv.split('\n');
  const intestazione = righe[0].split(',');
  return righe.slice(1).map((riga) => {
    const campi = riga.split(',');
    const record = {};
    intestazione.forEach((nome, i) => {
      record[nome] = campi[i];
    });
    return record;
  });
}

Moderne Alternativen:

const record = Object.fromEntries(intestazione.map((nome, i) => [nome, campi[i]]));

Typen konvertieren

Die geparsten Felder sind immer Strings. Wenn du weißt, dass bestimmte Spalten Zahlen enthalten:

record.eta = Number(record.eta);

Oder du schreibst ein kleines „Schema“:

const numeriche = new Set(['eta', 'prezzo']);
intestazione.forEach((nome, i) => {
  const v = campi[i];
  record[nome] = numeriche.has(nome) ? Number(v) : v;
});

Probier es aus

Wiederholungsübung