PHPではvar_dump()で要素を簡単にダンプできるのですが、Javascriptではそうはいきません。
FirefoxのFirebugアドオンを使えばできるみたいですけども。
今回は、jQueryのプラグイン「jQuery Dump」を導入してみます。
と思って、下記のページにアクセスしてみたら、jQueryのプラグインサイトが工事中になっています。これ、以前にもアクセスしたときも工事中で「なんだよぉ」と思ったのですが、まだ工事中だったのか・・・。
Dump | jQuery Plugins
2012/10/23現在 ページがなくなっていました…。
工事中のままなのには、理由があるらしいです。
ブログでその理由が書かれていました。英文なのですべてを解釈していませんが、いろいろと大変だということですね(笑)。
jQuery Blog » What Is Happening To The jQuery Plugins Site?
困ったなあ。ということで、いろいろと調べたら以下からソースを入手できました。
jquery.dump.js – sators-status-board – A web based AJAX enabled status board pulling from the Kayako helpdesk system – Google Project Hosting
では、さっそく試してみます。
<pre id="dump"></pre>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="jquery.dump.js"></script> /* それぞれの環境に合わせて変更してください */
<script type="text/javascript">
$(function(){
var obj = {
moji: "こんにちは",
suji: 1234.567,
hairetsu: ["いち", "にー", "さん","ダー!"]
}
$("#dump").append($.dump(obj));
});
</script>
すると、以下のように表示されました。
Object {
moji: "こんにちは"
suji: 1234.567
hairetsu: Array (
0 => "いち"
1 => "にー"
2 => "さん"
3 => "ダー!"
)
}
いいですね、使えそうです。

