json2csvのインストール

json2csv というパッケージを使用します。

Convert JSON to CSV. Latest version: 6.0.0-alpha.2, last published: 2 years ago. Start using json2csv in your project by running `npm i json2csv`. There are 1524 other projects in the npm registry using json2csv.

www.npmjs.com

$ npm i json2csv
$ npm i --save-dev @types/json2csv // typescriptの場合

オブジェクトをCSVに変換

適当に実装します。

type Data = {
  id: number
  name: string
  price: number
  someSecret: string
  date: Date
}
 
const data: Data[] = [
  {
    id: 1,
    name: 'りんご',
    price: 200,
    someSecret: 'xxx',
    date: new Date('2021-05-01')
  },
  {
    id: 2,
    name: 'バナナ',
    price: 150,
    someSecret: 'xxx',
    date: new Date('2021-05-02')
  },
  {
    id: 3,
    name: 'もも',
    price: 300,
    someSecret: 'xxx',
    date: new Date('2021-05-03')
  },
]
 
const fields = ['id', 'name', 'price', 'date']
 
const output = parse(data, {
  fields,
  withBOM: true
})
console.log(output)

変換処理は、json2csv の parse が行います。 parse の第一引数には処理するオブジェクトを、第二引数にはオプションが渡せます。

今回渡しているオプションは以下のとおりです。

オプション	説明
fields	CSVで出力するフィールドをオブジェクトのキーで指定できます。
withBOM	`true` を指定するとBOMヘッダを付与します。BOMヘッダを付与するとExcelで開く際にUTF-8が使われていることを認識させることができます。つまりは文字化け対策です。

他の使用可能なオプションは公式ドキュメントを参照してください。

ログを確認すると、期待どおり CSV で出力されています。

"id","name","price","date"
1,"りんご",200,"2021-05-01T00:00:00.000Z"
2,"バナナ",150,"2021-05-02T00:00:00.000Z"
3,"もも",300,"2021-05-03T00:00:00.000Z"

ExpressでCSVをダウンロード

CSV に変換したものをダウンロードさせるようにします。そのためには、以下ヘッダーを設定する必要があります。

res.setHeader('Content-disposition', 'attachment; filename=data.csv');
res.setHeader('Content-Type', 'text/csv; charset=UTF-8');

以下が実装になります。

import express from 'express'
import { parse } from 'json2csv'
 
const app = express()
 
type Data = {
  id: number
  name: string
  price: number
  someSecret: string
  date: Date
}
 
const data: Data[] = [
  {
    id: 1,
    name: 'りんご',
    price: 200,
    someSecret: 'xxx',
    date: new Date('2021-05-01')
  },
  {
    id: 2,
    name: 'バナナ',
    price: 150,
    someSecret: 'xxx',
    date: new Date('2021-05-02')
  },
  {
    id: 3,
    name: 'もも',
    price: 300,
    someSecret: 'xxx',
    date: new Date('2021-05-03')
  },
]
 
const fields = ['id', 'name', 'price', 'date']
 
app.get('/csv', (_, res) => {
  res.setHeader('Content-disposition', 'attachment; filename=data.csv');
  res.setHeader('Content-Type', 'text/csv; charset=UTF-8');
  const output = parse(data, {
    fields
  })
  console.log(output)
  res.send(output)
})
 
app.listen(3000, () => {
  console.log('start server on port 3000')
})