jsonをcsvに変換する際、配列を含む列を別の列で出力したい

Question

jsonをcsvに変換する際、配列を含む列を別々の列で出力したいです、

Node.jsのjson2csvを用いて変換を行っているのですが、以下のように配列が含まれるJSONファイルを別々の列として出力したいです。

[
  {"name":"aaa","contents":["A","B"]},
  {"name":"bbb","contents":["C","D","E","F"]},
  {"name":"ccc","contents":["G","H","I"]},
]

####目標

name	f0	f1	f2	f3
aaa	A	B
bbb	C	D	E	F
ccc	G	H	I

####実際の出力

name	array
aaa	["A","B"]
bbb	["C","D","E","F"]
ccc	["G","H","I"]

現在以下のプログラムで実行しています。

ソースコード

const Json2csvParser = require('json2csv').Parser;
const fields = ['name', 'contents'];
const myData = [
  {"name":"aaa","contents":["A","B"]},
  {"name":"bbb","contents":["C","D","E","F"]},
  {"name":"ccc","contents":["G","H","I"]},
];

const json2csvParser = new Json2csvParser({ fields });
const csv = json2csvParser.parse(myData);

console.log(csv);

方法をご教授していただけると助かります。

Answer 1

Nodeはちょっとわからないけどjs的なアプローチ

const myData = [
  {"name":"aaa","contents":["A","B"]},
  {"name":"bbb","contents":["C","D","E","F"]},
  {"name":"ccc","contents":["G","H","I"]},
];
const maxlen=Math.max.apply(null,myData.map(function(x){return x["contents"].length}));
const myData2=[];
myData2.push(["name"]);
[].push.apply(myData2[0],Array(maxlen).fill(null).map(function(x,y){return "f"+(y+1).toString();}));
[].push.apply(myData2,myData.map(function(x){
  const ret=[];
  ret.push(x["name"]);
  [].push.apply(ret,x["contents"]);
  [].push.apply(ret,Array(maxlen-x["contents"].length).fill(""));
  return ret;
}));
console.dir(myData2);

Comments

[robert]

回答ありがとうございます。
自動でフィールド名までつける挙動で、自分の望んだ出力が得られて助かりました！

まだjavascript初心者のため、このコードを参考に勉強していきたいと思います。

Answer 2

今のソースだと「実際の出力」みたいに出力されるのが正常です。
なので、「目標」のように出力させるためには、データを再構築するしかありません。

const Json2csvParser = require('json2csv').Parser;
const beforeData = [
  {"name":"aaa","contents":["A","B"]},
  {"name":"bbb","contents":["C","D","E","F"]},
  {"name":"ccc","contents":["G","H","I"]},
];　// 元のデータ

// TODO 1: 各行の「contents」の最大長さを取得し、f0, f1, f2, f3.. みたいに名前をつけ、fieldsに追加します（この場合はbbbのせいで４）
const fields = ['name', 'f0', 'f1', 'f2', 'f3'];

// TODO 2: 「contents」の代わりに、上で設定したf0, f1, f2, f3..のようなjson keyにcontentsを再配置します。
const fixedData = [
  {"name":"aaa","f0":"A","f1":"B","f2":"","f3":""},
  {"name":"bbb","f0":"C","f1":"D","f2":"E","f3":"F"]},
  {"name":"ccc","f0":"G","f1":"H","f2":"I","f3":""]},
];　// 再配置したデータの形

const json2csvParser = new Json2csvParser({ fields });
const csv = json2csvParser.parse(fixedData);

console.log(csv);

ソースの検証はしてませんが、TODOの方の実装が必要となります。
（もしこの再配置を自動化する方法をご存知の方はご指導お願いします：D）

Comments

[robert]

回答ありがとうございました。
データを再構築するという考え方はとても参考になりました。