首頁 > web前端 > js教程 > 如何將 CSV 資料轉換為 JavaScript 物件陣列?

如何將 CSV 資料轉換為 JavaScript 物件陣列?

Mary-Kate Olsen
發布: 2024-12-07 09:04:11
原創
678 人瀏覽過

How to Convert CSV Data to an Array of JavaScript Objects?

如何使用JavaScript 從CSV 檔案讀取資料

問題:

將CSV 資料轉換為物件數組,以標題為鍵,以值作為對應的值,使用JavaScript.

範例CSV 資料:

heading1,heading2,heading3,heading4,heading5
value1_1,value2_1,value3_1,value4_1,value5_1
value1_2,value2_2,value3_2,value4_2,value5_2
登入後複製

所需輸出:

[
    { heading1: value1_1, heading2: value2_1, heading3: value3_1, heading4: value4_1, heading5: value5_1 },
    { heading1: value1_2, heading2: value2_2, heading3: value3_2, heading4: value4_2, heading5: value5_2 },
    ...
]
登入後複製

解決方案:

利用🎜>解決方案:

利用jQuery-CSV 函式庫,它提供了一個名為$.csv.toObjects(csv)的函數,可以自動將 CSV 資料映射到物件數組。

    步驟:
  1. 準備CSV 資料:確保資料格式為有效的CSV,並帶有行
  2. 包含jQuery-CSV 庫: 新增到您的 HTML 或 JavaScript 檔案。
解析 CSV 資料:

使用 $.csv.toObjects(csv) 函數將 CSV資料轉換為陣列

var data = $.csv.toObjects(csv);
登入後複製
程式碼:

輸出:

資料變數將包含一個陣列以標題為鍵、以值作為對應的物件

注意:

輸出陣列中的原始鍵值對應在技術上是無效的JavaScript。它應該用括號括起來,如上面的程式碼範例所示。

以上是如何將 CSV 資料轉換為 JavaScript 物件陣列?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

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