JSON Utility

インストール

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

<!-- 依存モジュール -->
<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/>";
}

実行結果はこちらから

json.jsとどっちが速いか?

測ってみました。

• 40KのJSON文字列をパーズ/シリアライズする時間をそれぞれ計測。
• 5回試行して平均を出す。

→計測はこちらから。グラフ付きです。

何回か試行した限りでは、

• パーズ時間はだいたい同じ
• シリアライズはYahoo! UI Libraryの方が倍くらい速い

感じでした。