Maison > interface Web > js tutoriel > le corps du texte

Comment convertir JSON au format CSV en JavaScript ?

DDD
Libérer: 2024-11-04 01:15:03
original
767 Les gens l'ont consulté

How to Convert JSON to CSV Format in JavaScript?

Conversion de JSON au format CSV

La tâche d'analyser les données JSON directement dans le navigateur pose des défis en raison de sa forme codée. Pour convertir ces données dans un format plus structuré, CSV (Comma-Separated Values), vous pouvez suivre les étapes suivantes :

  1. Analyser les données JSON : Convertir la chaîne JSON en un objet JavaScript en utilisant JSON.parse(json).
  2. Créez l'en-tête CSV : Extrayez les clés du premier objet du tableau pour former la ligne d'en-tête.
  3. Parcourir les données : Utilisez une boucle pour parcourir chaque objet du tableau.
  4. Extraire les valeurs : Pour chaque objet, extrayez les valeurs à l'aide des clés d'en-tête comme références.
  5. Convertir en CSV : Joignez les valeurs extraites avec des virgules pour créer la ligne CSV.
  6. Combinez les lignes : Concaténez toutes les lignes CSV pour former le format CSV final.

Gestion des caractères échappés

Pour gérer les caractères échappés tels que 'u2019', vous pouvez utiliser la fonction unescape du ' il est module. Ce module est disponible sous forme de bibliothèque JavaScript ou d'outil en ligne pouvant être utilisé pour décoder des entités HTML.

Compléter le code JavaScript

<code class="javascript">// Parse the JSON data
var items = json3.items;

// Create the CSV header
var header = Object.keys(items[0]);

// Construct CSV rows
var csvRows = items.map(function (item) {
  // Extract values
  var values = header.map(function (key) {
    // Handle escaped characters
    return unescaped(item[key]);
  });

  // Convert to CSV row
  return values.join(",");
}).join("\n");

// Add the header to the CSV rows
var csv = header.join(",") + "\n" + csvRows;

console.log(csv);</code>
Copier après la connexion

En suivant ces étapes, vous peut convertir efficacement les données JSON au format CSV et les stocker dans une variable, vous permettant de manipuler et d'utiliser les données structurées selon vos besoins.

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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal