ホームページ > ウェブフロントエンド > jsチュートリアル > CSV データを JavaScript オブジェクトの配列に変換するにはどうすればよいですか?

CSV データを JavaScript オブジェクトの配列に変換するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-07 09:04:11
オリジナル
691 人が閲覧しました

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 データをオブジェクトの配列に自動的にマップする $.csv.toObjects(csv) という関数を提供します。

手順:

  1. CSV データを準備します: データが有効な CSV としてフォーマットされていることを確認します。
  2. jQuery-CSV ライブラリをインクルードします: を追加します。
  3. CSV データを解析します: $.csv.toObjects(csv) 関数を使用して、CSV データを配列に変換します。オブジェクト。

コード:

var data = $.csv.toObjects(csv);
ログイン後にコピー

出力:

データ変数には、次の配列が含まれます。見出しをキーとして、値を対応するオブジェクトとして持つオブジェクトvalue.

注:

出力配列内の元のキーと値のマッピングは、技術的に無効な JavaScript です。上記のコード例に示すように、括弧で囲む必要があります。

以上がCSV データを JavaScript オブジェクトの配列に変換するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート