jqueryでarrayをCSV出力したときに、カラムが分割されてしまう。何故でしょうか。

Question

表題のとおりjqueryでarrayをCSV出力したときに、カラムが分割されてしまう。何故でしょうか。

以下array

Array(27)
1: "A"
2: "運転免許(普通),保険師,ホームヘルパー"
3: ""
4: ""
5: "災害ボランティアの経験,手話"
6: ""
7: ""
length: 7

上記を以下の記述にてCSVへ出力すると、２行目と5行目が１つ１つのカラムになってしまいます。
これを１カラムでarrayと同じ形にしたいのですが、どこを修正すればできるかわからず、教えてほしいです。
宜しくお願いします。

以下記述内容

	$("#downloadBtn").click(function(){
		var header = ["血液型","資格免許","建築士(級)","その他ある場合記載","特技等","外国語通訳記載","その他ある場合記載"];
		var newList = list;
		newList.unshift(header) ;
	
		var bom = new Uint8Array([0xEF, 0xBB, 0xBF]);
		var csv_data = newList.map(function(l){return l.join("\r\n")}).join("\r\n");
		var blob = new Blob([bom, csv_data], { type: "text/csv" });
		var url = (window.URL || window.webkitURL).createObjectURL(blob);
		var link = document.createElement("a");
		link.download = "list.csv"
		link.href = url
		link.click()
	});	

CSV出力結果

列1	列2	列3	列4
特技	外国語通訳記載	その他のある場所記載
	災害ブランティアの経験	手話

以上です。宜しくお願いします。

Comments

[kuma_kuma_]

Arrayに書かれている内容とソースで書かれているheaderの値は同じ事を意味していますか？
Arrayの元になっているデータがどの様になっているかわからないと答えられません。
あえて答えるなら
"運転免許(普通),
保険師,
ホームヘルパー"
"災害ボランティアの経験,
手話"
元々改行で入っていた可能性ぐらいです

[退会済みユーザー]

承知しました。確認してみます。

Answer 1

カラムが分割されてしまう。何故でしょうか。

CSV は Comma-Separated Values の略です。日本語で表すと「カンマ区切りの値」という感じです。
大雑把に言うと、CSVでカンマは区切り記号に使われていますので、そこでセルが終わっている、と解釈されるのが理由です。

---

どこを修正すればできるかわからず

CSVでは、区切り記号を値に含むときはダブルクォーテーションで囲む、というルールがありますので、そのようにすればいいかと思います。

サンプル

        var csv_data = newList.map(function(l){return l.map(function(c){return c.replace(/^(.*,.*)$/,'"$1"')}).join(",")}).join("\r\n");

参考：
CSVファイルの一般的書式 (RFC4180 日本語訳) - アルプス登山の玄関口・笠井家