JavaScriptでCSVファイルを作成したい

JavascriptでCSVファイルを作成したいのですが、方法が全く分かりません。

javascript csvで検索しても、どういう処理でcsvファイルを作成しているのか全く分かりません。

C言語ですと、簡単にcsvファイルが作成できたと思うのですが...

html
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4    <meta charset="utf-8">
5    <title>CSVテスト</title>
6    <script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
7    <script type="text/javascript" src="csv.js"></script>
8</head>
9<body>
10    <script>
11        test("neko");
12    </script>
13</body>
14</html>

JavaScript
1csv.js
2function test(str) {
3    // strをcsvファイルに出力したい
4}

この場合ですと、"neko"という文字をcsvファイルとして保存させたいです。
そのための処理をtest()に実装したいのですが、全く方法が分かりません。

「javascript csv」などで検索し見つけた方法は一通り試しましたが、うまくいきませんでした...

参考になるURLだけでも構いません。
ご助言のほど、よろしくお願いいたします。

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

回答2件

JavaScript CSV 出力

でググれば簡単に見つかるのでは？

JavaScript のデータを CSV で保存する

JavaScript側でどうデータを持っているか、程度は質問にあった方が良いです。

投稿2019/11/14 14:59

Orlofsky

総合スコア16417

minyouyuu

2019/11/24 05:20

ご回答、ありがとうございます！すみません、今後は質問内容を詳しく書くようにいたします...URL、ありあがとうございます。結局jsではなくPHPで実装したのですが、今後jsを使う際は参考にさせていただきます！

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

ベストアンサー

strをcsvファイルに出力したい

ご質問の内容を

str->csv に整形
整形したcsvをファイルに保存

という工程に分けて考えます。

str->csv に整形

文字列処理して、CSVに変換しやすい配列を作成する。
Orlofsky さんの回答にあるリンク先の例を参考に配列をCSV(string)に整形する。

整形したcsvをファイルに保存
こちらも、Orlofsky さんの回答の解説に過ぎません（追記

ご提示のコード test("neko") が 1行1列のデータしかない整形済みのCSVと考えますと、あとはファイルとして保存する方法になります。

ブラウザで実現する場合、http(s): で表示されるページ限定になりますが、ファイルのダウンロード機能を実装して誤魔化します。原理はこちらの記事が参考になるかと思います。

検索に「ダウンロード」というワードも含めないと見つかりにくい事例だったと思います。

追記）
コメントでもご指摘を頂いております。
取り扱うCSVのサイズによっては、サーバー側での処理をご検討ください。

投稿2019/11/17 03:09

編集2019/11/24 06:17

AkitoshiManabe

総合スコア5434

minyouyuu

2019/11/24 05:24

丁寧なご回答ありがとうございます！今回は結局phpでcsvを作成することになったのですが、今後jsを使う際には参考にさせていただきます。本当にありがとうございました！

退会済みユーザー

2019/11/24 05:50

水をさすようで恐縮ですが、個人的な意見だけ伝えておきます。一般にCSVファイルは、DBから引っ張ってきた大きなデータになりがちなので、鯖がPHPでクライアントがHTML+JavaScriptという形だったら、個人的にはphpでダウンロードさせた方が素直で簡単だと思います。ブラウザ上のHTML+JavaScriptでCSVを出力するならば、何かブラウザ上にしかない(小さい)データをCSVファイルとして保存したい(ダウンロードしたい)という特殊な目的でない限り、やめたほうが賢明だと思います。小さいものに限定するのはブラウザ上だからで、あまりオススメしないのは標準APIだけで実現できず、ブラウザを意識しないといけないからです。 JavaScriptでCSVファイルを保存するとしたら、主にnode.jsのようなサーバ側でJavaScriptを使用するケースかと思います。 ※この辺の意見は人によって見解が変わるところなので、他の人は違う意見かもしれません。ご参考までに。