Heim > Web-Frontend > js-Tutorial > Hauptteil

Wie konvertiert man JSON in JavaScript in das CSV-Format?

DDD
Freigeben: 2024-11-04 01:15:03
Original
766 Leute haben es durchsucht

How to Convert JSON to CSV Format in JavaScript?

JSON in das CSV-Format konvertieren

Die Aufgabe, JSON-Daten direkt im Browser zu analysieren, stellt aufgrund ihrer codierten Form eine Herausforderung dar. Um diese Daten in ein strukturierteres Format, CSV (Comma-Separated Values), zu konvertieren, können Sie die folgenden Schritte ausführen:

  1. Parsen Sie die JSON-Daten: Konvertieren Sie die JSON-Zeichenfolge in ein JavaScript-Objekt mit JSON.parse(json).
  2. Erstellen Sie den CSV-Header:Extrahieren die Schlüssel vom ersten Objekt im Array, um die Kopfzeile zu bilden.
  3. Durchlaufen Sie die Daten:Verwenden Sie eine Schleife, um jedes Objekt im Array zu durchlaufen.
  4. Werte extrahieren:Extrahieren Sie für jedes Objekt die Werte, indem Sie die Header-Schlüssel als Referenzen verwenden.
  5. Konvertieren in CSV: Verknüpfen Sie die extrahierten Werte mit Kommas, um die CSV-Zeile zu erstellen.
  6. Zeilen kombinieren: Verketten Sie alle CSV-Zeilen, um das endgültige CSV-Format zu bilden.

Umgang mit maskierten Zeichen

Um mit maskierten Zeichen umzugehen, z. B „u2019“ können Sie die unescape-Funktion aus dem „he“-Modul verwenden. Dieses Modul ist als JavaScript-Bibliothek oder Online-Tool verfügbar, das zum Dekodieren von HTML-Entitäten verwendet werden kann.

Vollständiger JavaScript-Code

<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>
Nach dem Login kopieren

Wenn Sie diese Schritte befolgen, werden Sie kann die JSON-Daten effektiv in das CSV-Format konvertieren und in einer Variablen speichern, sodass Sie die strukturierten Daten nach Bedarf bearbeiten und verwenden können.

Das obige ist der detaillierte Inhalt vonWie konvertiert man JSON in JavaScript in das CSV-Format?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage