Inhalt einer CSV Datei auslesen

Unity21X

Hallo liebes Forum,

Ich möchte mit Hilfe von JavaScript den Inhalt einer CSV Datei auslesen. Dazu hab ich auch schon einige Beispiele gefunden und ich konnte bereits erste Erfolge erzielen. Die Datei ist so aufgebaut :

Zeile 1 Feld A1 Überschrift

Zeile 2 (Spalte A) Schulfach Note (Spalte B) 2

Zeile 3 (Spalte A) Schulfach Note (Spalte B) 4

D h in Spalte A steht ein Wort und in Spalte B eine Zahl. Die Datei hat insgesamt 2000 Zeilen.

Es gibt bspw IndexOf und slice

const marks = ["Schulfach", "Noten"];
const grade = mark.slice(1);

Das müsste mir aus Spalte B die Note extrahieren. Ich bin mir aber nicht sicher, ob ich indexOf benötige oder wie slice in Bezug auf csv Dateien genau arbeitet. Mit slice liest man einen String Array ein, beginnend bei 0. Soweit ist es mir klar, aber bedeutet (1) in dem Beispiel dass der Wert aus Spalte B genommen wird? Und wie greife ich auf die Zeilen 2 bis 2000 zu? Jede Note soll einzeln bei mir gespeichert werden.

Ich würde mich über Tipps sehr freuen

Gruß

Sempervivum

Hallo Unity21X und willkommen im Forum!

Ich denke, slice wird dir dabei weniger helfen, weil Du dafür entweder ein Array brauchst oder die genaue Länge der Elemente.

Eher schon mit split(), indem Du jede Zeile am Trennzeichen in ein Array aufspaltest.

Am besten aber mit einer ausgewachsenen Bibliothek:
Papa Parse - Powerful CSV Parser for JavaScript
Die hilft dir auch gleich, die Datei einzulesen und vermeidet Probleme, falls das Trennzeichen im Text selber auftritt.

Unity21X

Vielen Dank. Ich kann leider keine Bibliotheken mit einbinden. Ich muss es anders lösen.

Verstehe mit split lässt sich das umsetzen. Aktuell sieht mein Code so aus:

Let text;

Let value;

Let pos;

Let lines;

Let secondLine;

Let index;

Lines = text.split("\n");

secondLine = lines[1];

pos = secondLine.indexOf(";");

value = Number(secondLine.slice(pos, 1));

Tags("Wert1").write(value);

Damit will ich versuchen den ersten Wert zu bekommen

Sempervivum

So würde es gehen, aber unnötig kompliziert. Spalte die Zeilen ebenfalls mit split in die Felder auf. Und Du willst ja sicher alle Zeilen auswerten, dazu durchläufst Du am besten die Variable Lines mit forEach.

Unity21X

Bei mir wird der Wert 0 gelesen. Kannst du dir den Code nochmal anschauen? Da muss noch ein Fehler drin sein.

Wie würdest du die Spalten in Felder aufteilen?

Sempervivum

Ich würde das so aufziehen, beachte meine Kommentare:

Code

// CSV-Text zum Testen bereit stellen:
    const noten = `Fach;Note
Englisch;2
Mathe;4`,
        // In Zeilen aufsplitten::
        notenZeilen = noten.split('\n');
    // Leeres Array für das Ergebnis bereit stellen:
    let notenArray = [];
    // Alle Zeilen durchlaufen:
    notenZeilen.forEach(zeile => {
        // Zeile am Semikolon aufsplitten:
        const zeileSplitted=zeile.split(';');
        // Ein Objekt mit Fach und Note an das Ergebnis-Array anhängen:
        notenArray.push({ fach: zeileSplitted[0], note: zeileSplitted[1] });
    });

Alles anzeigen

(Ungetestet)

Unity21X

Sieht gut aus, danke :). Kann es sein, dass ich bei meinem Beispiel lines[2] schreiben müsste? Das Array nach dem split müsste doch als ersten Eintrag [0] die Überschrift haben, diese steht ja in Zelle A1, danach geht es mit A2 weiter dem Fach und B2 die Note

Sempervivum

Ja, wenn Du mit der Überschrift etwas anderes machen willst, kann Du das so in der Schleife berücksichtigen:

Code

    notenZeilen.forEach((zeile, index) => {
        // forEach liefert nicht nur das aktuelle Element selbst
        // auch seinen Index.
        if(index == 0) {
            // Es handelt sich um die erste Zeile mit der Überschrift.
            // Mach etwas damit oder ignoriere sie.
        } else {
        // Es handelt sich nicht um die Überschrift.
            // Zeile am Semikolon aufsplitten:
            const zeileSplitted=zeile.split(';');
            // Ein Objekt mit Fach und Note an das Ergebnis-Array anhängen:
            notenArray.push({ fach: zeileSplitted[0], note: zeileSplitted[1] });
        }
    });

Alles anzeigen

Unity21X

Mit der Überschrift habe ich nichts vor

Sempervivum

Dann kannst Du den Zweig leer lassen.

m.scatello

Zitat von Sempervivum

Dann kannst Du den Zweig leer lassen.

Warum dann überhaupt verwenden?

Jetzt mitmachen!