CSVファイルの読み込みと書き込みを同時にできるか

Question

JavaScriptを使って、CSVファイルを加工する処理を作成したいと思っています。
そもそも、JavaScriptを使って、このようなことが実現可能なのかどうかについて教えて頂きたいと思っています。

＜やりたいこと＞

1. CSVファイルを読み込む。
2. CSVファイルを先頭レコードから１件づつ読み込み、データの編集を行う。文字列の先頭0埋めをするとか。
3. CSVファイルを最終レコードまで読み込んだら、データ編集した結果を別のCSVファイルとして出力する。

Rubyとかサーバーサイドで動く言語であれば、実現できることは明白ではありますが、
Rubyが入っていいない環境で、ブラウザ上でJSを使って処理ができないものかと考えております。

Answer 1

現状、Chrome / Edge など限定になりますが、File System Access API を使ってそのようなことが可能です。

Comments

[pyon_kiti_jp]

紹介していただいたやり方で試してみたいと思います。

Answer 2

ダイアログを表示させたり、標準的なダウンロードディレクトリに保存させるなら
ブラウザごとの仕様によりますが、保存に近いかたちで実現可能でしょう。
もしくはサーバー側に保存させるならサーバーサイドにAPIを用意して
ajaxやfetchすればよいでしょう

Answer 3

実現できることは明白ではありますが

できましたっけ。
基本「読み込み」「書き込み」で別々のスレッドになると思うのですが。

おそらくどのような言語でも

全件読み込み
→アプリケーションでループ
→書き込み用を配列にする
→全部書き込み
（もしくは事前に同ファイルを一度空にしてループ内で１行ずつ書き込み）

という形になると思います。

本題：
Node.jsを利用するという意味のJavaScriptでなければ、
JavaScriptでやれることはサーバーへの指示要求と結果を受け取ってどうなったかの通知のみになるのではと。
つまりファイル操作は結局サーバーサイドですべきという意味です。

あと、私はあまり使わないのでうまく説明はできませんが、FileAPIで出来る範囲を調査してみても良いかもしれません。

Comments

[pyon_kiti_jp]

フロントサイド側で実現したいと思っています。Node.JSは使える環境ではありません。

[m.ts10806]

前提や背景は質問本文に書かれてないと考慮不可能です

Answer 4

データ編集した結果を別のCSVファイルとして出力する。

この出力先はどこでしょうか。ブラウザJavaScriptから能動的にファイルを書き出すことはできませんので、「ユーザーがダウンロードボタンをクリックして、保存先を指定する」などのアクションを取る必要があります。

Comments

[pyon_kiti_jp]

CSVファイルの出力先はローカルのPCです。CSVファイルを読み込んで、ブラウザ上にテーブル表示して、それをCSVにダウンロードするようなことができればいいと思っています。