癖のあるCSVテキストをJSで料理する方法の有無について

Question

初学者です。

var csvstr = `1qwerty,asdfgh,zxcvbn,,,,"[[""あ"",true,140,{}],[""い"",false,100,{}],[""う"",true,500,{}]]"
2qwerty,asdfgh,zxcvbn,,,,"[[""あ"",true,140,{}],[""い"",false,100,{}]]"
3qwerty,asdfgh,zxcvbn,,,,"[[""あ"",true,140,{}]]"`;
```ぶち当たった壁
```JavaScript
var arr = csvstr.split("\n");
var output = [];
for (var i = 0; i < arr.length; i++) {
    output[i] = arr[i].split(",");
}
```をすると右の方の二次元配列の中身のカンマを利用してsplitしてしまう
最終的に
```JavaScript
output[0][0] => "1qwerty"
output[0][1] => "asdfgh"
output[0][6] => [["あ",true,140,{}],["い",false,100,{}],["う",true,500,{}]]
output[0][6].length => 3
output[0][6][0] => ["あ",true,140,{}]
output[0][6][0][2] => 140
```という出力にもっていきたいのですがブラウザで走るJavaScriptでできますか？
可能であれば若干の方策のヒントをいただけると嬉しいです。
面倒なことせず他の言語でやったほうがいい、便利なライブラリがある等でも助かります。
宜しくお願いいたします。

Answer 1

CSVをいちいちフルスクラッチで解釈するのは無駄なので
ライブラリをつかってください。

Comments

[yambejp]

6番目(実質7番目)の要素がJSON型なのは自動判別キビシイので
「6番目」要素を指定してよいのでしょうか？

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-csv/1.0.3/jquery.csv.min.js"></script>
<script>
var csvstr = `1qwerty,asdfgh,zxcvbn,,,,"[[""あ"",true,140,{}],[""い"",false,100,{}],[""う"",true,500,{}]]"
2qwerty,asdfgh,zxcvbn,,,,"[[""あ"",true,140,{}],[""い"",false,100,{}]]"
3qwerty,asdfgh,zxcvbn,,,,"[[""あ"",true,140,{}]]"`;
var result = $.csv.toArrays(csvstr).map(x=>x.map((y,z)=>z==6?JSON.parse(y):y));
console.log(result);
</script>

[miyabi_pudding]

ですね・・・。
私の回答のことも、自分でアルゴリズム組んだら、最初は穴だらけで余計に時間食いますしね・・・。
ライブラリ一択ですね。

[asagao]

秒で解決していただけるとは。
列は固定ですので[6]決め打ちで構いません。
いまブラウザで確認しましたら欲しい出力結果になっていました。
jQuery.CSV.jsよいですね。使わせていただきます。
本当ありがとうございます。

Answer 2

確かに、JavaScript以外の方がいいかもですが、JavaScriptでもやれると思います。

下記手順でやるとよいのではないでしょうか？

1. まず、二次配列の文字を対象に処理をする
2. 上記処理の中で、いったんカンマを別の文字に置き換えて、エスケープする
3. カンマ区切りで、splitする。
4. 各配列要素を操作して、エスケープした文字をカンマに戻す
5. 二次配列要素を配列に変換する

文字列処理に於いて、このエスケープ処理は、けっこう重宝するテクニックなので、覚えておくと技術の幅がグンと広くなると思いますよ。

Comments

[asagao]

セルの中身に配列が入っていてカンマや引用符2つがあったりと素直に行かない文字列処理は初心者には辛かったです。
カンマの退避置換エスケープも考えたんですが、そこからの進展が自分ではできませんでした。
初学者には難しいそうので先達の開発者がつくってくれた便利ライブラリに頼ろうと思います。
回答ありがとうございました。

[miyabi_pudding]

ですね。
ライブラリ使うで大正解だと思います。
私の回答でのことを自身で作れたとしても、どうしても最初はバグが出てしまうので、
返って時間かかるかと思います。