Maison > interface Web > js tutoriel > Comment exporter un tableau JavaScript vers un fichier CSV côté client ?

Comment exporter un tableau JavaScript vers un fichier CSV côté client ?

Barbara Streisand
Libérer: 2024-12-10 12:09:11
original
607 Les gens l'ont consulté

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

Exporter un tableau JavaScript au format CSV côté client

Question :

Comment JavaScript peut-il être utilisé pour exporter un tableau de des données telles que [["name1", "city_name1", ...]["name2", "city_name2", ...], dans un fichier CSV sur le client côté ?

Réponse :

Utilisation de JavaScript natif :

  1. Analyser les données du tableau dans le CSV correct format :
rows.forEach(function(rowArray) {
    let row = rowArray.join(",");
    csvContent += row + "\r\n";
});
Copier après la connexion

ou

csvContent += rows.map(e => e.join(",")).join("\n");
Copier après la connexion
  1. Créez un URI de données avec le contenu CSV :
const csvContent = "data:text/csv;charset=utf-8," + encodedCsvData;
Copier après la connexion
  1. Ouvrez le fichier CSV pour téléchargement :
var encodedUri = encodeURI(csvContent);
window.open(encodedUri);
Copier après la connexion

Personnalisation du nom du fichier CSV :

Pour spécifier un nom personnalisé pour le fichier CSV :

  1. Créer un fichier Nœud DOM :
var link = document.createElement("a");
Copier après la connexion
  1. Définissez l'attribut de téléchargement :
link.setAttribute("download", "my_data.csv");
Copier après la connexion
  1. Ajoutez le nœud au corps du document :
document.body.appendChild(link);
Copier après la connexion
  1. Cliquez sur le lien pour lancer le télécharger :
link.click();
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal