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

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