【javascript/jQuery】JSON形式のデータの表示確認をする

公開日: : JavaScript/jQuery

スポンサーリンク

PHPであれば「var_dump」や「print_r」などでJSON形式のデータの中身が思い通りの者になっているかどうか簡単に確認することができるのでjavascriptでもそういったのが無いのか探しました。

JSON.stringify

JqueryにあるJSON.stringifyメソッドを使用すればJSONデータを文字列に直すことができます。なので、文字列にしたデータをalertで確認したり、appendやhtmlなど使って要素に追加などして確認することができます。(下例参照)。

ブラウザのデバッグ機能を使う

console.logやconsole.dirを使えば多くのデバッガでその内容を確認することができます。ブラウザによって表示される内容は多少異なるようで、console.dirの方がプロパティを見やすい形にしてくれるようです。

$(function(){
    var obj = {
        田中:{
            id:1,
            year:2012,
            month:12,
            day:8
        },
        山田:{
            id:2,
            year:2013,
            month:4,
            day:23
        },
        佐藤:{
            id:3,
            year:2014,
            month:6,
            day:11
        }
    };

    //1.文字列に変換して確かめる
    var str = JSON.stringify(obj);
    $("body").html(str);

    //2.デバッガで確認する
    //console.log(obj);
    console.dir(obj);
});

結果)
consoledirimg

(※FireFoxのFireBugというデバッガを使用しています)

スポンサーリンク
Amazon
  • このエントリーをはてなブックマークに追加

関連記事

【javascript】正規表現文字置換簡易ツール

jQueryで作成した正規表現による文字抽出用スクリプトです。 (使い方) 「正規表

記事を読む

【HTML/jQuery UI】NumericUpDownを設置する【Spinner】

HTMLタグにNumericUpDownがないか探したのですがないみたいなのでそれが使えるようなもの

記事を読む

javascriptでチェックボックスを一括で変更する方法

チェックボックスのチェックに一つ一つチェックを入れていくのは非常に手間がかかるのでjavascrip

記事を読む

【jQuery】大量の画像で重くなったページを遅延ロードで軽くする方法【Lazy Load】

画像をふんだんに使っているページでは読み込みの際に非常に時間がかかるという問題点があります。数枚なら

記事を読む

javascriptで画像処理をする【HTML5】

HTML5でjavascriptを使って画像処理をしてみました。このページでは手始めにグレースケール

記事を読む

WordPressの記事内でJavaScriptを動かす

WordPressでは厄介なことにJavaScriptが動かない場合があります。この記事では動かない

記事を読む

monacaでWebサイトをアプリ化

monacaを使ってWebサイトをアプリ化するための叩き台としてのメモです。 Webサイトのア

記事を読む

【jQuery UI】タブをクリックしたときのイベントでselectが使えない

jQuery UIは1.10のバージョンではタブをクリックしたときのイベントの名前が変わっているよう

記事を読む

jQueryで要素にappendとafterを使って追加する

jqueryのappendは要素の末尾に指定要素を追加し、afterは要素の後に指定要素を加えます。

記事を読む

ニコニコ動画の外部プレイヤーを動的に設置する【javascript/jQuery】

ニコニコ動画の外部プレイヤーはページのはじめの読み込みのときにしか表示されず、javascriptで

記事を読む

UWSCを使ったソフト自動立ち上げ【SoftEther VPN Server】

やりたいこと 最近SoftEtherという筑波大学発のベンチャー企業

【PHP】headerでContent-Typeを指定したのに効かない場合の対処法

PHPでサイトマップを作ろうと思い、XML形式のファイルを出力しようと

スマホ向け幅固定サイトの回転時の幅対応方法

幅固定サイトでのスマホ回転時Webサイトの横幅を合わせる方法のメモ。

【PHP】特定のURLからそのAtomやRSSのフィードを抽出する方法

特定のURLからRSSやATOMのフィードを抽出する方法をメモ。 流

フィード抽出ツール(RSS1.0、RSS2.0、atom)

任意URL サイト名 サイトURL RSS1.0

格安プラン限定レンタルサーバー機能比較表(2016年)

はじめに  最近新しい共用サーバーをレンタルしようと思い調査およびそ

kindle unlimitedが便利だったのでお勧めの使い方など感想メモ

 kindle unlimitedというサービスが8/3からAmazo

→もっと見る

  • Author : ががんぼ
    プログラミングやWeb関係で気付いたことについてメモしていく予定。だいたいが備忘録ですが、自分でサンプルを作って動かしてみたりしています。
PAGE TOP ↑