Maison > interface Web > js tutoriel > Comment convertir des données CSV en un tableau d'objets JavaScript ?

Comment convertir des données CSV en un tableau d'objets JavaScript ?

Mary-Kate Olsen
Libérer: 2024-12-07 09:04:11
original
792 Les gens l'ont consulté

How to Convert CSV Data to an Array of JavaScript Objects?

Comment lire les données d'un fichier CSV à l'aide de JavaScript

Problème :

Convertir les données CSV en un tableau d'objets , avec des titres comme clés et des valeurs comme valeurs correspondantes, en utilisant JavaScript.

Exemple CSV Données :

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2
Copier après la connexion

Sortie souhaitée :

[
    { heading1: value1_1, heading2: value2_1, heading3: value3_1, heading4: value4_1, heading5: value5_1 },
    { heading1: value1_2, heading2: value2_2, heading3: value3_2, heading4: value4_2, heading5: value5_2 },
    ...
]
Copier après la connexion

Solution :

Utiliser jQuery- Bibliothèque CSV, qui propose une fonction appelée $.csv.toObjects(csv) qui mappe automatiquement les données CSV à un tableau de objets.

Étapes :

  1. Préparez les données CSV : Assurez-vous que les données sont formatées en CSV valide, avec des sauts de ligne.
  2. Inclure la bibliothèque jQuery-CSV : Ajouter dans votre fichier HTML ou JavaScript.
  3. Analysez les données CSV : Utilisez la fonction $.csv.toObjects(csv) pour convertir les données CSV en un tableau de objets.

Code :

var data = $.csv.toObjects(csv);
Copier après la connexion

Sortie :

La variable de données contiendra un tableau de objets avec des titres comme clés et des valeurs comme correspondant valeurs.

Remarque :

Le mappage clé-valeur d'origine dans le tableau de sortie est un JavaScript techniquement invalide. Il doit être placé entre parenthèses, comme indiqué dans l'exemple de code ci-dessus.

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