javascript（jQuery）でセル内に改行を含むCSVを扱う方法を教えてください

Question

お世話になります。

csvファイルを文字列としてロード後、二次元配列に格納して利用するプログラムを作成しております。
こちらの
http://tips.recatnap.info/wiki/JQuery%E3%81%A7CSV%E3%82%92%E9%85%8D%E5%88%97%E3%81%AB%E5%A4%89%E6%8F%9B_%28$.csv%28%29%29
jquery.csv.jsというプラグインでCSVファイルを配列に格納してみたのですが、セル内の文字列に改行がある場合は対応していないようで、データが崩れてしまいました。

いろいろ調べたところ、単なるsplitでは上手くいかないということや、ダブルクオートが閉じられていない改行コードはレコードの最後だとはみなさないようにすればいいなど、イメージとしてはわかるのですが、検索してもそのような手本となるようなサンプルやjquery.csv.jsの改造方法などが見つけられませんでした。

自分ではどう記述したらいいのかさっぱりわからず、皆様のお力をお借りしたいと思います。

必要な情報があれば補足いたしますので、
なにとぞよろしくお願いいたします。

Ogre7077 · Accepted Answer

字句解析と構文解析を行う必要があります。
この手はコンパイラ技術の範疇なので、面倒に思えるかもしれませんが、
CSV程度に用いるならたいしたことはありません。

以下簡単なサンプルです

// 字句解析
function Tokenizer(src) {
	this.src = src;
	this.index = 0;
	this.length = src.length;
}
Tokenizer.prototype = {
	seekC: function(){ return (this.index < this.length)? this.src.charCodeAt(this.index): 0 },
	readC: function(){ var i = this.index++; return (i < this.length)? this.src.charCodeAt(i): 0 },
	forwC: function(){ this.index++ },
	backC: function(){ this.index-- },
	readS: function (eoc){
		var s = '', x = this.readC();
		while (x) {
			if (x == eoc) { if (this.seekC() == eoc) this.forwC(); else break; }
			s += String.fromCharCode(x);
			x = this.readC();
		}
		return s;
	},
	TASK: {
		0x00: function(c){ return {type:'eof'} },
		0x0A: function(c){ return {type:'eol'} },
		0x0D: function(c){ if (this.seekC() == 0x0A) this.forwC(); return {type:'eol'} },
		0x22: function(c){ return {type:'string', body:this.readS(0x22)} },
		0x27: function(c){ return {type:'string', body:this.readS(0x27)} },
		0x2C: function(c){ return {type:'separator'} },
	},
	nextToken: function(){
		var c = this.readC(), f = this.TASK[c];
		if (f) return f.call(this, c);
		var s = String.fromCharCode(c);
		for (c = this.seekC(); !this.TASK[c]; c = this.seekC()) s += String.fromCharCode(this.readC());
		return {type:'string', body:s};
	}
};

// 構文解析
function parseCSV(text) {
	var pre, tok, t = new Tokenizer(text), flag = true;
	var records = [], record = [], s = '';
	while (flag) {
		tok = t.nextToken();
		switch (tok.type) {
			case 'string':
				s += tok.body;
				break;
			case 'separator':
				record.push(s), s = '';
				break;
			case 'eof':
				flag = false;
				if (pre.type != 'eol') {
					record.push(s), s = '';
					records.push(record), record = [];
				}
				break;
			case 'eol':
				record.push(s), s = '';
				records.push(record), record = [];
				break;
			default:
				throw "error!";
		}
		pre = tok;
	}
	return records;
}

// 使用例
var data = parseCSV("abc,'def','g h i'
'jk''lmn''op','qrs
tu',vwxyz");

fujillin · Answer

「詳しい人」ではありませんので、ご希望とは違ってしまってますが

◆自作するのに、考え方やロジックを求めているのなら…

規格が一応あるようですが後付け的なので、csv作成のアプリケーションによって独自のルールで作成されている場合があるようです。
　http://www.kasai.fm/wiki/rfc4180jp

以下のサイトに概略の考え方やコード例（javascriptではありませんが）も示されていますので、ご参考になるかと思います。
　http://dobon.net/vb/dotnet/file/readcsvfile.html

すでに調べていらっしゃるかも知れませんが、ご質問内容はそれなりに一般的なものなので、いろいろと取り組んでいる先人達がたくさんいると思われます。
検索すれば、上記以外にも解説しているサイトは数多くあることでしょう。

◆自作するわけではなく、変換できさえすればよいのなら…

同様に、ライブラリ化されているものも多くあるようですので、それを利用するのが簡単かと。
吟味していませんが、とりあえず検索してみたもの。
　http://papaparse.com/
　http://jquery-csv.googlecode.com/git/examples/basic-usage.html

ちゃんと探せば、こちらも数多く見つかると思いますので、ご希望に合うものをご利用なさるのがよろしいでしょう。

javascript（jQuery）でセル内に改行を含むCSVを扱う方法を教えてください

字句解析と構文解析を行う必要があります。

「詳しい人」ではありませんので、ご希望とは違ってしまってますが

関連するカテゴリからQ&Aを探す

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング