Wie kann ich JavaScript-Array-Daten clientseitig in eine CSV-Datei exportieren?

JavaScript-Array-Daten nach CSV exportieren (clientseitig)

Der Export von Daten aus JavaScript-Arrays in das CSV-Format kann für verschiedene Szenarien eine nützliche Aufgabe sein. Hier ist eine umfassende Methode, um dies auf der Clientseite zu erreichen:

Daten in das CSV-Format analysieren

Konvertieren Sie zunächst Ihr Array-Array in das richtige CSV-Format. Dabei werden die einzelnen Datenzeilen durch Kommas verbunden und die Zeilen durch neue Zeilen getrennt. Zum Beispiel:

const rows = [
  ["name1", "city1", "some other info"],
  ["name2", "city2", "more info"]
];

let csvContent = "data:text/csv;charset=utf-8,";

rows.forEach(function (rowArray) {
  let row = rowArray.join(",");
  csvContent += row + "\r\n";
});

oder mit Pfeilfunktionen:

let csvContent = "data:text/csv;charset=utf-8," 
    + rows.map(e => e.join(",")).join("\n");

CSV-Datei herunterladen

Als nächstes verwenden Sie JavaScripts window.open und encodeURI-Funktionen zum Auslösen eines Dateidownloads:

var encodedUri = encodeURI(csvContent);
window.open(encodedUri);

Benutzerdefinierter Dateiname (Optional)

Um einen benutzerdefinierten Dateinamen anzugeben, verwenden Sie diesen Ansatz:

var encodedUri = encodeURI(csvContent);
var link = document.createElement("a");
link.setAttribute("href", encodedUri);
link.setAttribute("download", "my_data.csv");
document.body.appendChild(link); // Required for FF

link.click(); // This will download the data file named "my_data.csv".

Das obige ist der detaillierte Inhalt vonWie kann ich JavaScript-Array-Daten clientseitig in eine CSV-Datei exportieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!