Bagaimanakah Saya Boleh Mengeksport Data Tatasusunan JavaScript ke Fail CSV di Sebelah Pelanggan?

Mengeksport Data Tatasusunan JavaScript ke CSV (Sisi Pelanggan)

Mengeksport data daripada tatasusunan JavaScript ke format CSV boleh menjadi tugas yang berguna untuk pelbagai senario. Berikut ialah kaedah yang komprehensif untuk mencapai perkara ini di sisi pelanggan:

Menghuraikan Data ke dalam Format CSV

Pertama sekali, tukar tatasusunan anda kepada format CSV yang betul. Ini melibatkan penggabungan setiap baris data dengan koma dan memisahkan baris menggunakan baris baharu. Contohnya:

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

atau, menggunakan fungsi anak panah:

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

Muat turun Fail CSV

Seterusnya, gunakan tetingkap JavaScript.buka dan encodeURI berfungsi untuk mencetuskan fail muat turun:

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

Nama Fail Tersuai (Pilihan)

Untuk menentukan nama fail tersuai, gunakan pendekatan ini:

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".

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