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
554 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!

source:php.cn
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