Rumah > hujung hadapan web > tutorial js > 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
Lepaskan: 2024-11-04 06:35:28
asal
628 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan