Wie exportiere ich ein JavaScript-Array clientseitig in eine CSV-Datei?

JavaScript-Array clientseitig in CSV exportieren

Frage:

Wie kann JavaScript zum Exportieren eines Arrays von verwendet werden? Daten wie [["Name1", "Stadtname1", ...]["Name2", "Stadtname2", ...], in eine CSV-Datei auf dem Client Seite?

Antwort:

Verwendung von nativem JavaScript:

1. Parsen Sie die Array-Daten in die richtige CSV Format:

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

oder

csvContent += rows.map(e => e.join(",")).join("\n");

2. Erstellen Sie einen Daten-URI mit dem CSV-Inhalt:

const csvContent = "data:text/csv;charset=utf-8," + encodedCsvData;

3. Öffnen Sie die CSV-Datei für Herunterladen:

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

Anpassen des CSV-Dateinamens:

So geben Sie einen benutzerdefinierten Namen für die CSV-Datei an:

1. Erstellen Sie ein verstecktes DOM-Knoten:

var link = document.createElement("a");

link.setAttribute("download", "my_data.csv");

document.body.appendChild(link);

link.click();