ただのSEの備忘録

技術からニュース、くだらない雑学まで何でもまとめるブログ

*

jqueryでMapをCSVファイルに出力するプラグイン「csv-output.js」を開発しました。

   


plugin
MapデータをCSVに。

Scriptで取得したデータをcsvファイルに出力しようと思ったのですが、
ちゃんとまとめられてる記事がなかったので、作ってみました。

◆説明
以下のメソッドを呼ぶだけ!

CSV_OUTPUT_CTL.exportCsv(data,fileName);

引数は、

  • deta : Mapの配列
  • filename : 出力ファイル名

dataには1要素がMapとなっている配列を指定してください。
配列の要素としたMapのvalueが1行ごとに出力されます。

◆使用例
以下のhtmlではボタン押下時に実行することで、
ボタンを押したら保持しているデータをcsvにしてダウンロードしています。

スポンサードリンク
<!DOCTYPE html>
<html lang="ja">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<script src="csv-output.js"></script>
<title>CSVダウンロード</title>
<script>
$(function() {
  var item = { "A":"たこ", "B":"いか", "C":"えび" };
  var d = [item,item,item];
  
  var fileName = "download.csv";
  
  $("#csv-dl").click(function () {
 	 CSV_OUTPUT_CTL.exportCsv(d,fileName);
  });
  
  
});
</script>
</head>
<body>
<input type="button" id="csv-dl" value="ダウンロード">
</body>
</html>

この場合、csvファイルには、

たこ いか えび
たこ いか えび
たこ いか えび

と出力されています。

「csv-output.js」は以下から取得できます。
試してみてください。
※jQueryも必要なのでjQeryの読み込みも忘れずに。

csv-output.jsを取得

 - JavaScript/jQery