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

Mengeksport Data Tatasusunan JavaScript ke CSV di Bahagian Pelanggan

Perlu mengeksport data kompleks yang disimpan dalam tatasusunan JavaScript ke fail CSV untuk cekap pengendalian atau analisis? Mari kami membimbing anda melalui proses menukar tatasusunan anda kepada format CSV, membolehkan anda mengeksportnya terus daripada aplikasi sisi klien anda.

Langkah 1: Menyediakan Data Tatasusunan

Pastikan tatasusunan anda mengikut struktur yang konsisten, dengan setiap tatasusunan dalam mewakili satu baris data. Sebagai contoh, tatasusunan ringkas boleh kelihatan seperti ini:

[["name1", "city_name1", ...], ["name2", "city_name2", ...]]

Langkah 2: Memformat ke CSV

Dalam JavaScript asli, anda boleh menghuraikan data anda ke dalam format CSV menggunakan langkah berikut:

// Initialize the CSV content
let csvContent = "data:text/csv;charset=utf-8,";

// Iterate over each row array
rows.forEach(function(rowArray) {
  // Join each element in the row array with commas
  let row = rowArray.join(",");

  // Append the row to the CSV content
  csvContent += row + "\r\n";
});

Langkah 3: Mengeksport CSV Fail

Untuk memuat turun fail CSV, anda boleh menggunakan tetingkap JavaScript.buka dan encodeURI fungsi:

// Encode the CSV content
var encodedUri = encodeURI(csvContent);

// Open the CSV file in a new window
window.open(encodedUri);

Pilihan Lanjutan: Menentukan Nama Fail

Jika anda ingin memberikan fail CSV anda nama tertentu, anda boleh mencipta DOM tersembunyi elemen dan tetapkan atribut muat turunnya:

// Encode the CSV content
var encodedUri = encodeURI(csvContent);

// Create a hidden link element
var link = document.createElement("a");

// Set the link attributes
link.setAttribute("href", encodedUri);
link.setAttribute("download", "my_data.csv");

// Append the link to the body
document.body.appendChild(link); // Required for FF

// Click the link to download the CSV file
link.click();