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
Barbara Streisandasal
2024-12-10 12:09:11548semak imbas

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";
});

atau

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

Menyesuaikan Nama Fail CSV:

Untuk menentukan nama tersuai untuk fail CSV:

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

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!

Kenyataan:
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