🌟

JavaScript・TypeScriptでCSVをJSONに変換する方法(Papaperceの使い方)

まさぴょん

2023/12/30に公開

こんにちは、AIQ株式会社のフロントエンドエンジニアのまさぴょんです！
今回は、JavaScript・TypeScriptでCSVをJSONに変換する方法について、解説します。

JavaScript・TypeScriptでCSVをJSONに変換する方法

今回、CSVをJSONに変換する処理には、Papaperceというライブラリを使用します。
Papaparseは、JavaScript用の最速のブラウザ内CSV(または区切りテキスト)パーサーです。
Papaperceには、次のような特徴があります。

papaparseをinstallする

yarn add papaparse

# 型定義ファイルの install
yarn add @types/papaparse

papaparseで、CSVをJSONに変換するSampleCode

papaparseで、CSVをJSONに変換するSampleCodeは、次のとおりです。

/** CSVファイルをJSデータに変換するパーサー */
const fileParser = (file: File) => {
  return new Promise((resolve, reject) => {
    parse(file, {
      complete: (results: any) => {
        resolve(results?.data);
      },
      error: () => {
        reject(new Error("csv parse err"));
      },
    });
  });
};

/** CSV を JSON に変換した List */ 
const result = await fileParser(file);

/** CSV Column Row */
const csvColumnRow = result.shift()
console.log("csvColumnRow", csvColumnRow);