JSON Utility - うなの日記

Yahoo! UI Library 2.4.0 からJSONのパーズとシリアライズをするAPIが使えるようになっています。json.jsでもできますが、あれと違ってグローバル名前空間を汚さないので安心して使えます。(json.jsとprototype.jsを一緒に使うとエラーになる、とかあったし。)

インストール

必要なモジュールをは次の通りです。

<!-- 依存モジュール -->
<script type="text/javascript" src="http://yui.yahooapis.com/2.4.0/build/yahoo/yahoo-min.js"></script>
<!-- ソース -->
<script type="text/javascript" src="http://yui.yahooapis.com/2.4.0/build/json/json-beta-min.js"></script>

使い方

「YAHOO.lang.JSON.parse()」でパーズ、「YAHOO.lang.JSON.stringify(<オブジェクト>)」でシリアライズができます。簡単。

var stdout = document.getElementById("stdout");

// データ
var kittens = [
  { name: "mii",   age: 1 },
  { name: "tora",  age: 2 },
  { name: "shiro", age: 4 },
  { name: "kuro",  age: 2 }
];

//シリアライズ
var str = YAHOO.lang.JSON.stringify(kittens);
stdout.innerHTML += str + "<br/>";

//パーズ
var parsed = YAHOO.lang.JSON.parse(str);
for ( var i=0; i<parsed.length; i++ ) {
  stdout.innerHTML += parsed[i]["name"] + "/" + parsed[i]["age"] + "<br/>";
}