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

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

Les fichiers CSV (valeurs séparées par des virgules) sont un format courant pour stocker des données tabulaires. Pour lire les données d'un fichier CSV à l'aide de JavaScript, nous pouvons utiliser des bibliothèques externes ou implémenter nos propres fonctions d'analyse.

Utilisation de la bibliothèque jQuery-CSV

jQuery-CSV est un bibliothèque populaire pour analyser les données CSV en JavaScript. Il fournit une méthode pratique, $.csv.toObjects(csv), qui mappe automatiquement les données CSV à un tableau d'objets.

// Assuming you've included jQuery-CSV in your HTML
var data = $.csv.toObjects(csv);

// Output
[
  { heading1: "value1_1", heading2: "value2_1", ... },
  { heading1: "value1_2", heading2: "value2_2", ... },
  ...
];

Fonction d'analyse personnalisée

Si vous ne souhaitez pas utiliser de bibliothèques externes, vous pouvez créer votre propre fonction d'analyse. Voici un exemple simplifié :

function parseCSV(csv) {
  // Split the CSV into lines
  var lines = csv.split("\n");

  // Extract the header line
  var headers = lines[0].split(",");

  // Remove the header line from the CSV
  lines.shift();

  // Loop through the remaining lines and create objects
  var data = [];
  for (var i = 0; i < lines.length; i++) {
    // Split the line into values
    var values = lines[i].split(",");

    // Create an object using the headers as keys
    data.push(
      Object.fromEntries(
        headers.map((h, idx) => [h, values[idx]])
      )
    );
  }

  // Return the parsed data
  return data;
}

Exemple de données CSV

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

Sortie

[
  { heading1: "value1_1", heading2: "value2_1", ... },
  { heading1: "value1_2", heading2: "value2_2", ... },
  ...
];

Remarque : Les exemples de données CSV ne comportent pas de sauts de ligne. Il est recommandé d'ajouter des sauts de ligne pour rendre les données CSV valides avant l'analyse.

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!