Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Mengeksport Tatasusunan JavaScript ke Fail CSV di Sebelah Pelanggan?

Bagaimana untuk Mengeksport Tatasusunan JavaScript ke Fail CSV di Sebelah Pelanggan?

Barbara Streisand
Lepaskan: 2024-12-10 12:09:11
asal
561 orang telah melayarinya

How to Export a JavaScript Array to a CSV File on the Client-Side?

Eksport Tatasusunan JavaScript ke CSV di Sisi Pelanggan

Soalan:

Bagaimanakah JavaScript boleh digunakan untuk mengeksport pelbagai data seperti [["name1", "city_name1", ...]["name2", "city_name2", ...], ke fail CSV di pihak pelanggan?

Jawapan:

Menggunakan JavaScript Asli:

  1. Harai data tatasusunan ke dalam CSV yang betul format:
rows.forEach(function(rowArray) {
    let row = rowArray.join(",");
    csvContent += row + "\r\n";
});
Salin selepas log masuk

atau

csvContent += rows.map(e => e.join(",")).join("\n");
Salin selepas log masuk
  1. Buat URI data dengan kandungan CSV:
const csvContent = "data:text/csv;charset=utf-8," + encodedCsvData;
Salin selepas log masuk
  1. Buka fail CSV untuk muat turun:
var encodedUri = encodeURI(csvContent);
window.open(encodedUri);
Salin selepas log masuk

Menyesuaikan Nama Fail CSV:

Untuk menentukan nama tersuai untuk fail CSV:

  1. Buat Nod DOM:
var link = document.createElement("a");
Salin selepas log masuk
  1. Tetapkan atribut muat turun:
link.setAttribute("download", "my_data.csv");
Salin selepas log masuk
  1. Tambahkan nod pada badan dokumen:
document.body.appendChild(link);
Salin selepas log masuk
  1. Klik pautan untuk memulakan muat turun:
link.click();
Salin selepas log masuk

Atas ialah kandungan terperinci Bagaimana untuk Mengeksport Tatasusunan JavaScript ke Fail CSV di Sebelah Pelanggan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan