本
JavaScript
第10章. データフォーマットとシリアライゼーション
CSVとの作業

JavaScript:
CSVとの作業

方法:

JavaScriptはJSONとは異なり、CSVを解析または文字列化する組み込みの機能を持っていません。しかし、よりシンプルなタスクには生のJavaScriptを使用するか、より複雑なシナリオに対処するためにPapaParseのような強力なライブラリを利用することで、CSVデータを簡単に管理できます。

生のJavaScriptによる基本的な解析

単純なCSV文字列をオブジェクトの配列に解析するには：

const csv = `name,age,city
John,23,New York
Jane,28,Los Angeles`;

function parseCSV(csv) {
  const lines = csv.split("\n");
  const result = [];
  const headers = lines[0].split(",");

  for (let i = 1; i < lines.length; i++) {
    const obj = {};
    const currentline = lines[i].split(",");
    
    for (let j = 0; j < headers.length; j++) {
      obj[headers[j]] = currentline[j];
    }
    result.push(obj);
  }
  
  return result;
}

console.log(parseCSV(csv));

出力:

[
  { name: 'John', age: '23', city: 'New York' },
  { name: 'Jane', age: '28', city: 'Los Angeles' }
]

生のJavaScriptによるCSVへの基本的な生成

オブジェクトの配列をCSV文字列に変換するには：

const data = [
  { name: 'John', age: 23, city: 'New York' },
  { name: 'Jane', age: 28, city: 'Los Angeles' }
];

function arrayToCSV(arr) {
  const csv = arr.map(row => 
    Object.values(row).join(',')
  ).join('\n');
  
  return csv;
}

console.log(arrayToCSV(data));

出力:

John,23,New York
Jane,28,Los Angeles

複雑なCSVタスクのためのPapaParseの使用

より複雑なシナリオのために、PapaParseはストリーム、ワーカー、巨大なファイルの取り扱いのオプションを備えた、解析と文字列化のための頑強なライブラリです。

PapaParseを使用したCSVファイルまたは文字列の解析：

// プロジェクトにPapaParseを追加した後
const Papa = require('papaparse');
const csv = `name,age,city
John,23,New York
Jane,28,Los Angeles`;

Papa.parse(csv, {
  complete: function(results) {
    console.log("Parsed:", results.data);
  }
});

生成される内容：

Parsed: [
  ["name", "age", "city"],
  ["John", "23", "New York"],
  ["Jane", "28", "Los Angeles"]
]

配列をCSV文字列に文字列化するPapaParseの使用：

const data = [
  { name: 'John', age: 23, city: 'New York' },
  { name: 'Jane', age: 28, city: 'Los Angeles' }
];

console.log(Papa.unparse(data));

生成：

name,age,city
John,23,New York
Jane,28,Los Angeles

これらの例は、JavaScriptにおける基本的および高度なCSVの取り扱いを示しており、ウェブアプリケーションやそれ以外の場所でのデータ交換を容易にします。

JSONを活用する