首頁 > web前端 > js教程 > 主體

如何在 JavaScript 中將 JSON 轉換為 CSV 格式?

DDD
發布: 2024-11-04 01:15:03
原創
767 人瀏覽過

How to Convert JSON to CSV Format in JavaScript?

將 JSON 轉換為 CSV 格式

直接在瀏覽器中解析 JSON 資料的任務因其編碼形式而帶來了挑戰。要將這些資料轉換為更結構化的格式,CSV(逗號分隔值),您可以採用以下步驟:

  1. 解析JSON 資料: 將JSON 字串轉換為使用JSON.parse(json) 的JavaScript 物件。
  2. 建立 CSV 標頭: 從下列位置擷取金鑰陣列中形成標題行的第一個物件。
  3. 迭代資料:使用循環遍歷數組中的每個物件。
  4. 提取值: 對於每個對象,使用標頭鍵作為引用提取值。
  5. 轉換為CSV: 用逗號連接提取的值以建立 CSV 行。
  6. 合併行:連接所有 CSV 行以形成最終的 CSV 格式。

處理轉義字符

要處理轉義字符,例如“u2019”,您可以使用“he”模組中的unescape函數。此模組可用作 JavaScript 程式庫或線上工具,可用於解碼 HTML 實體。

完整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>
登入後複製

透過執行以下步驟,您可以有效地將JSON資料轉換為CSV格式並將其儲存在變數中,使您能夠根據需要操作和使用結構化資料。

以上是如何在 JavaScript 中將 JSON 轉換為 CSV 格式?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板