Heim > Web-Frontend > js-Tutorial > Wie konvertiere ich CSV-Daten in ein Array von JavaScript-Objekten?

Wie konvertiere ich CSV-Daten in ein Array von JavaScript-Objekten?

Mary-Kate Olsen
Freigeben: 2024-12-07 09:04:11
Original
692 Leute haben es durchsucht

How to Convert CSV Data to an Array of JavaScript Objects?

So lesen Sie Daten aus einer CSV-Datei mit JavaScript

Problem:

Konvertieren Sie CSV-Daten in ein Array von Objekten , mit Überschriften als Schlüsseln und Werten als entsprechenden Werten, unter Verwendung von JavaScript.

Beispiel-CSV Daten:

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2
Nach dem Login kopieren

Gewünschte Ausgabe:

[
    { heading1: value1_1, heading2: value2_1, heading3: value3_1, heading4: value4_1, heading5: value5_1 },
    { heading1: value1_2, heading2: value2_2, heading3: value3_2, heading4: value4_2, heading5: value5_2 },
    ...
]
Nach dem Login kopieren

Lösung:

Verwenden Sie die jQuery- CSV-Bibliothek, die eine Funktion namens $.csv.toObjects(csv) bietet, die CSV-Daten automatisch einem Array zuordnet von Objekten.

Schritte:

  1. Bereiten Sie die CSV-Daten vor: Stellen Sie sicher, dass die Daten als gültige CSV-Datei mit Zeilenumbrüchen formatiert sind.
  2. JQuery-CSV-Bibliothek einbinden: in Ihre HTML- oder JavaScript-Datei einfügen.
  3. CSV-Daten analysieren: Verwenden Sie die Funktion $.csv.toObjects(csv), um die CSV-Daten in ein Array von zu konvertieren Objekte.

Code:

var data = $.csv.toObjects(csv);
Nach dem Login kopieren

Ausgabe:

Die Datenvariable enthält ein Array von Objekte mit Überschriften als Schlüssel und Werten als entsprechende Werte.

Hinweis:

Die ursprüngliche Schlüssel-Wert-Zuordnung im Ausgabearray ist technisch ungültiges JavaScript. Es sollte in Klammern eingeschlossen werden, wie im obigen Codebeispiel gezeigt.

Das obige ist der detaillierte Inhalt vonWie konvertiere ich CSV-Daten in ein Array von JavaScript-Objekten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage