Comment convertir JSON au format CSV et stocker dans une variable

Comment convertir JSON au format CSV et stocker dans une variable

Tout en travaillant avec les données JSON dans JavaScript, les développeurs pourraient avoir besoin de convertir ces données en plusieurs formats. L'un des formats de conversion communs est JSON en CSV. Il s'agit d'une opération courante de traitement et d'analyse des données. CSV également connu sous le nom de «Valeurs séparées de virgule"Est une configuration courante pour stocker et transférer des données tabulaires qui peuvent être importées efficacement dans des applications de feuille de calcul telles que"Microsoft Exceller" ou "Feuilles Google".

Cet article décrira les moyens de convertir le JSON au format CSV et de le stocker dans une variable.

Comment convertir JSON au format CSV et stocker dans une variable?

Pour convertir les données JSON au format CSV, les approches suivantes sont utilisées:

    • Méthode join ()
    • pour boucle

Méthode 1: Convertir JSON au format CSV et stocker dans une variable à l'aide de la méthode «join ()»

Pour convertir les données JSON au format CSV, utilisez d'abord le «Json.Parse ()”Méthode qui convertira la chaîne JSON en un objet. Ensuite, appelez le «Objet.clés()”Méthode pour récupérer les clés d'un objet dans un tableau qui sera l'en-tête du fichier CSV. Après avoir récupéré les clés, invoquez le «rejoindre()”Méthode sur le tableau pour concaténer / rejoindre tous les éléments dans une chaîne d'en-tête CSV. Ensuite, appelez le «carte()«Méthode d'un«Déployer”Objet pour obtenir les valeurs de propriété de chaque objet.

Exemple

Créer une variable "jsondata«Cela stocke une chaîne / données JSON:

const jSondata = '["id": 1, "name": "jerry", "age": 25, "id": 2, "name": "Joseph", "Age": 27, "id": 3, "nom": "John", "Age": 27] ';


Convertir la chaîne JSON en un objet en utilisant le «Json.Parse ()" méthode:

const ParsedData = JSON.Parse (JSondata);


Récupérez toutes les clés à l'aide du «Objet.clés()" méthode:

const jsonkeys = objet.touches (parsedData [0]);


Invoque le «rejoindre()«Méthode pour rejoindre les touches avec une virgule dans un en-tête CSV:

const henerdata = jsonkeys.rejoindre(',');


Maintenant, mappez les valeurs contre chaque clé à l'aide de la méthode «map ()» et rejoignez-les comme des valeurs séparées par des virgules en utilisant la méthode «join ()»:

const RowData = parsedData.map ((item) =>
Retour Jsonkeys.map ((key) => item [key]).rejoindre(',');
);


Séparez la chaîne d'en-tête avec les valeurs contre les clés à l'aide de «\ n" personnage:

const JSON2CSV = '$ HeaderData \ n $ RowData.join ('\ n') ';


Enfin, imprimez les données formatées CSV sur la console à l'aide du «console.enregistrer()" méthode:

console.Log (JSON2CSV);


La sortie indique que les données JSON ont été converties avec succès en format CSV:

Méthode 2: Convertir JSON au format CSV et stocker dans une variable à l'aide de la boucle «pour»

Une autre façon de convertir les données JSON en format CSV, utilisez le «pour"Boucle avec"Json.Parse ()" méthode. Dans cette approche, nous obtiendrons les clés et mapperons les valeurs contre les clés à l'aide de la boucle «For» au lieu d'utiliser les méthodes pré-construites JavaScript «Objet.clés()" et le "carte()" méthode.

Exemple

Après l'analyse de la chaîne JSON sur un objet, créez un tableau vide pour collecter des clés:

const JSonKeys = [];


Utilisez le "pour”Boucle avec le"pousser()”Méthode pour ajouter les touches dans un tableau:

for (const Key in parsedData [0])
jsonkeys.push (key);


Appelez la méthode join () pour rejoindre les touches en tant que chaîne d'en-tête CSV et définissez le curseur sur la ligne suivante pour ajouter des valeurs:

var json2csv = jsonkeys.join (',') + '\ n';


Maintenant, mappez les valeurs contre les clés en utilisant le «pour" boucle:

pour (var i = 0; i < parsedData.length; i++)
var row = ";
pour (const Key of JsonKeys)
si (rangée !== ")
Row + = ',';

row + = parsedData [i] [key];

JSON2CSV + = ROW + '\ N';


Enfin, affichez les données formatées CSV sur la console:

console.Log (JSON2CSV);


Sortir


Nous avons compilé toutes les informations essentielles liées à la conversion des données JSON au format CSV et l'avons stockée dans une variable en JavaScript.

Conclusion

Utilisez le "rejoindre()«Méthode avec le«carte()"Méthode ou traditionnelle"pour”LOOP pour convertir JSON au format CSV et le stocker dans une variable. "rejoindre()«Méthode avec le«carte()«La méthode est l'approche simple et rapide pour la conversion des données JSON au format CSV. Cet article a décrit les moyens de convertir le JSON au format CSV et de le stocker dans une variable.