オブジェクトの中身を表示する

/web/javascript

Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。

  1. function showObject(elm,type){
  2. var str = '「' + typeof elm + "」の中身";
  3. var cnt = 0;
  4. for(i in elm){
  5. if(type == 'html'){
  6. str += '<br />\n' + "[" + cnt + "] " + i.bold() + ' = ' + elm[i];
  7. }
  8. else {
  9. str += '\n' + "[" + cnt + "] " + i + ' = ' + elm[i];
  10. }
  11. cnt++;
  12. status = cnt;
  13. }
  14. return str;
  15. }

主としてIEデバック用に、オブジェクトの中身を表示させるスクリプト。「IEでFirebugが使えたらなあ」という願望の不完全燃焼系。まあ任意のオブジェクトの内容が意図したものか、そもそも取れているかさえ判れば、大抵はどうにんかなるよね。

文字列を返すようにしているので、alert()で出しても良いし、適当な<div>に吐き出しても良い。

  1. //ex1
  2. alert(showObject(obj));
  3.  
  4. //ex2
  5. var testDiv = document.createElement('div');
  6. testDiv.innerHTML = showObject(obj,'html');
  7. document.body.appendChild(testDiv);

サンプルはこちら

Note: スパム対策が面倒なので、コメント投稿を廃止しました。以前のコメントは残します。
ご意見・ご要望はtwitter@sigwygかはてブコメントにて。