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
Barbara Streisandoriginal
2024-12-10 12:09:11556parcourir

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

ou

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

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");
  1. Définissez l'attribut de téléchargement :
link.setAttribute("download", "my_data.csv");
  1. Ajoutez le nœud au corps du document :
document.body.appendChild(link);
  1. Cliquez sur le lien pour lancer le télécharger :
link.click();

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