jQueryでJSONデータを扱う

概要

jQueryを用いて、JSONデータのエンコード、デコードを行います。

下準備:jQuery拡張

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>

jQuery.extend({
	stringify : function stringify(obj) {
		var t = typeof (obj);
		if (t != "object" || obj === null) {
			// simple data type
			if (t == "string") obj = '"' + obj + '"';
			return String(obj);
		} else {
			// recurse array or object
			var n, v, json = [], arr = (obj && obj.constructor == Array);
			
			for (n in obj) {
				v = obj[n];
				t = typeof(v);
				if (obj.hasOwnProperty(n)) {
					if (t == "string") v = '"' + v + '"'; else if (t == "object" && v !== null) v = jQuery.stringify(v);
					json.push((arr ? "" : '"' + n + '":') + String(v));
				}
			}
			return (arr ? "[" : "{") + String(json) + (arr ? "]" : "}");
		}
	}
});

↓コードはこちらからいただきました。
https://gist.github.com/chicagoworks/754454

エンコードとデコード

//テスト用データ
var testdata = new Object();
testdata.test1 = new Array();
testdata.test1.push("あああ");
testdata.test1.push("いいい");
testdata.test1.push(99);
testdata.test2 = "This is test."
testdata.test3 = new Object();
testdata.test3["表データ"] = true;
testdata.test3["裏データ"] = false;

//JSONエンコード
var jsonstr = $.stringify(testdata);
console.log('---jsonstr---');
console.log(jsonstr);

//JSONデコード
var data = $.parseJSON(jsonstr);
console.log('---data---');
console.log(data);

↓実行結果

↓js do it にかいてみました。
http://jsdo.it/tsunet111/A33V