SQLの窓 イラストAC フリー素材

2014年02月27日

テキストエリアに入れた JSON データをチェックするコード(F12等の開発者ツールも使う) / JSON.stringify と JSON.parse

事前に JSON 文字列をテキストエリアにセットしていますが、置き換えて使用します。( そのままでもテストできます )
もう一つのテキストエリアには、一旦 JSON 化したオブジェクトをタブで整形して再度出力しています。この際、一旦内部文字列に変換されるので、\u7d75\u3092 というような文字列は元に戻って読めるようになります。


▼ HTML と JavaScript
<input type="button" value="console.dir で出力(F12等でデベロッパーツールを開いておいて下さい)" onclick='console.dir(JSON.parse(document.getElementById("json_data").value))'><br><textarea id="json_data" style='width:600px;height:500px;'>{
    "id": 91500526,
    "simple_array": [1,2,3,4,5],
    "object_array": [
        {"high":1,"middle":2,"low":3},
        {"high":4,"middle":5,"low":6},
        {"high":71,"middle":81,"low":91}
    ],
    "profile_background_tile": false,
    "notifications": false,
    "profile_sidebar_fill_color": "FFF7CC",
    "location": "\u5927\u962a\u5e9c",
    "screen_name": "sworc",
    "profile_image_url": "http:\/\/a0.twimg.com\/profile_images\/2388651010\/zmq5cwm5nsvngpfrtr3f_normal.png",
    "contributors_enabled": false,
    "utc_offset": 32400,
    "time_zone": "Osaka",
    "is_translator": false,
    "default_profile": false,
    "profile_background_color": "000000",
    "name": "night w\u00e1lker",
    "geo_enabled": false,
    "lang": "ja",
    "protected": true,
    "profile_background_image_url": "http:\/\/a0.twimg.com\/profile_background_images\/59645045\/bbs_img_4598c0b36c78d.jpg",
    "id_str": "91500526",
    "listed_count": 6,
    "profile_link_color": "FF0000",
    "follow_request_sent": false,
    "description": "\u7d75\u3092\u63cf\u304f\u30d7\u30ed\u30b0\u30e9\u30de\u3002\u597d\u304d\u306a\u98df\u3079\u7269\u306f\u6c34\u9903\u5b50\u3002\u624b\u66f8\u304d\u30d6\u30ed\u30b0\u3002DAZ3D\u3002GIMP\u3002Three.js\u3002\u30d5\u30ea\u30fc\u30d5\u30a9\u30f3\u30c8\u3067\u7c21\u5358\u30ed\u30b4\u4f5c\u6210\u3000http:\/\/lightbox.on.coocan.jp\/html\/fontImage.php http:\/\/goo.gl\/HDqTM",
    "profile_use_background_image": true,
    "following": false,
    "profile_text_color": "0C3E53",
    "url": "http:\/\/winofsql.jp\/",
    "friends_count": 25,
    "profile_background_image_url_https": "https:\/\/si0.twimg.com\/profile_background_images\/59645045\/bbs_img_4598c0b36c78d.jpg",
    "created_at": "Sat Nov 21 04:24:25 +0000 2009",
    "default_profile_image": false,
    "profile_sidebar_border_color": "F2E195",
    "verified": false,
    "status": {
        "in_reply_to_status_id_str": null,
        "geo": null,
        "place": null,
        "created_at": "Sun Sep 23 16:49:33 +0000 2012",
        "in_reply_to_user_id_str": null,
        "retweeted": false,
        "in_reply_to_screen_name": null,
        "truncated": false,
        "possibly_sensitive_editable": true,
        "possibly_sensitive": false,
        "id_str": "249913404016427008",
        "contributors": null,
        "in_reply_to_status_id": null,
        "in_reply_to_user_id": null,
        "favorited": false,
        "source": "\u003Ca href=\"http:\/\/winofsql.jp\/\" rel=\"nofollow\"\u003ETwitLink\u003C\/a\u003E",
        "coordinates": null,
        "id": 249913404016427008,
        "retweet_count": 0,
        "text": "\u5bb6\u306b\u6301\u3061\u5e30\u3063\u305f mdb \u3067\u7c21\u5358\u306b php \u304b\u3089\u30a2\u30af\u30bb\u30b9\u3057\u3066\u30c6\u30b9\u30c8\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u4f5c\u308b( DB\u30af\u30e9\u30b9\u4ed8\u304d ) http:\/\/t.co\/bDzKDGLY"
    },
    "favourites_count": 1,
    "statuses_count": 6120,
    "profile_image_url_https": "https:\/\/si0.twimg.com\/profile_images\/2388651010\/zmq5cwm5nsvngpfrtr3f_normal.png",
    "followers_count": 55
}</textarea>

<input type="button" value="JSON化した内部文字列をタブで整形します" onclick='document.getElementById("json_result").value=JSON.stringify( JSON.parse(document.getElementById("json_data").value),null,"\t" )'><br><textarea id="json_result" style='width:600px;height:500px;'></textarea>


【JavaScriptの最新記事】
posted by at 2014-02-27 00:21 | JavaScript | このブログの読者になる | 更新情報をチェックする


Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX