スロットのデータサイトのJSONデータをCSVファイルに一括で保存したい

前提・実現したいこと

下記のスロットのデータサイトのJSONデータを一括で
CSVファイルなどに保存したいです。
https://p-ken.jp/

試したこと

ブラウザのデベロッパーツールのConsoleで目的のJSONデータを
取得するところまでは出来ました。
上記にも書きましたが、取得したオブジェクトを
CSVファイルなどに保存したいのですが
こういった場合にはどうしたらよいのでしょうか？

そもそもデベロッパーツールでJSONのデータを取得したり・
操作するのは間違いなのでしょうか？
もしこういったケースで何か良い方法があれば
ご教授お願いします。

発生している問題・エラーメッセージ

for文でループすると配列の最後の値しか返ってこない。
配列全ての値を取得したい。

該当のソースコード

javascript
1dataObj = $.ajax({
2  type: "GET",
3  url: "/p-messe-takenozuka/ajaxDedama/getMoreLotList",
4  dataType: "json",
5  processData: true,
6  contentType: false,
7  data: {
8    ps_div: "2",
9    cost: "21.3",
10    store_id: "8626",
11    day: "1",
12    date: "2018-09-16",
13  }
14})
15for (var i = 0; i < 426; i++) {
16  dataObj.responseJSON[i]
17}

補足情報（FW/ツールのバージョンなど）

MacOS10.13.4
Chrome・Firefox

行動規範の内容に同意します

回答1件

ベストアンサー

やろうと思えばJavaScript使えばできますのでデベロッパツールのコンソールだろうと問題はないです。
が、再利用性は皆無ですよね。
データ取りたいとき毎回コピペするならそれはそれでもいいんですが。

js
1let csv = '';
2dataObj.responseJSON.forEach(data => {
3  const tmp = [];
4  Object.values(data).forEach(value => tmp.push(`"${value}"`));
5  tmp.join(',');
6  csv += `${tmp}\n`;
7});
8
9const blob = new Blob([csv], {"type": "text/comma-separated-values"});
10$('body').append($(`<a href="${window.URL.createObjectURL(blob)}" download="data.csv">download</a>`));

画面の一番下にdownloadというテキストリンクが追加されますので、それをクリックすればcsvファイルがダウンロードできます。

投稿2018/09/17 04:17

spookybird

総合スコア1803

slot_data

2018/09/17 07:33

foreachで取得したJSONを新たな配列に入れればいいのですね。またクライアント側でオブジェクトを作成して、ダウンロードリンクまで追加できるんですね！目から鱗でした。この方法ではその都度コピペをする手間がありますが、これを自動で行う方法はありますか？また要らないカラムのデータを削除したり、整形するにはExcelのVBAで行うのでしょうか？何か方法はありますか？