Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk Menukar JSON kepada CSV dan Menyimpannya dalam Pembolehubah Menggunakan JavaScript?

Bagaimana untuk Menukar JSON kepada CSV dan Menyimpannya dalam Pembolehubah Menggunakan JavaScript?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-11-04 06:35:28560semak imbas

How to Convert JSON to CSV and Store it in a Variable Using JavaScript?

Menukar JSON kepada CSV dan Menyimpan dalam Pembolehubah Menggunakan JavaScript

Apabila bekerja dengan data, sering kali kita perlu menukarnya daripada satu format kepada yang lain. Dalam kes ini, kita perlu menukar data JSON kepada format CSV (Comma-Separated Values). Begini cara kita boleh melakukannya menggunakan JavaScript.

Langkah 1: Menghuraikan Data JSON

Mula-mula, kita perlu menghuraikan data JSON ke dalam objek JavaScript. Ini boleh dilakukan menggunakan kaedah JSON.parse().

<code class="javascript">const json = JSON.parse(jsonData);</code>

Langkah 2: Ekstrak Item daripada Objek JSON

Dengan mengandaikan bahawa data JSON mengandungi tatasusunan item, kita boleh mengaksesnya menggunakan sifat item.

<code class="javascript">const items = json.items;</code>

Langkah 3: Jana Pengepala CSV

Untuk mencipta pengepala CSV, kita boleh ekstrak kekunci daripada item pertama dalam tatasusunan.

<code class="javascript">const headerKeys = Object.keys(items[0]);</code>

Langkah 4: Bina Rentetan CSV

Kita boleh menggunakan gelung untuk mengulangi setiap item dan bina rentetan CSV.

<code class="javascript">let csvString = '';
items.forEach((item) => {
  csvString += `${item['title']},`;
  csvString += `${item['description']},`;
  // ... Add additional properties here ...
});</code>

Langkah 5: Tambahkan Pengepala pada Rentetan CSV

Akhir sekali, kita boleh menambah pengepala pada rentetan CSV.

<code class="javascript">csvString = headerKeys.join(',') + '\n' + csvString;</code>

Langkah 6: Simpan Rentetan CSV dalam Pembolehubah

Rentetan CSV yang ditukar boleh disimpan dalam pembolehubah untuk pemprosesan selanjutnya.

<code class="javascript">const csvData = csvString;</code>

Mengendalikan Aksara Melarikan Diri

Untuk mengendalikan aksara melarikan diri seperti 'u2019', anda boleh menggunakan kaedah replace() untuk mencari dan menggantikannya dengan aksara yang sesuai.

<code class="javascript">const formattedCsvData = csvData.replace(/\u2019/g, "'");</code>

Atas ialah kandungan terperinci Bagaimana untuk Menukar JSON kepada CSV dan Menyimpannya dalam Pembolehubah Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn