人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

javascriptで以下の配列があります。
result_array = [{"status":{"A1":{"1":{"test1":"111","test2":"*9999","test3":"99","test4":"124"}},"B1":{"1":{"test1":"2222","test2":"koko","test3":"10","test4":"69"}}}}]
という配列があってこれを
<table boder=1>
<tr>
<td>test1</td><td>test2</td><td>test3</td><td>test4</td>
<tr>
</tr>
<td>111</td><td>*9999</td><td>99</td><td>124</td>
<tr>
</tr>
<td>2222</td><td>koko</td><td>10</td><td>69</td>
<tr>
</tr>
</table>
という形にするにはどうしたらいいのでしょうか?
対象ブラウザはIE、FIREFOXです。

●質問者: hopefully
●カテゴリ:就職・転職 ウェブ制作
✍キーワード:A1 firefox IE JavaScript ブラウザ
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● openseed
●60ポイント

とりあえず、必要な値だけで取得して作成してみました。

IE6,FF2 for win で確認していますが、なんら保障するものではありません・・・。

JSON オブジェクトをテーブルを表示するのに分かりやすいデータ構造に変更して、出力するのが分かりやすいと思います。

<script>
var result_array = [{"status":{"A1":{"1":{"test1":"111","test2":"*9999","test3":"99","test4":"124"}},"B1":{"1":{"test1":"2222","test2":"koko","test3":"10","test4":"69"}}}}];


var headers = {};
var lines = new Array();
for(var i=0;i<result_array.length;i++){
    var m1 = result_array[i];
    for(var status in m1){
        var m2 = m1[status];
        for(var cell in m2){
            var m3 = m2[cell];
            for(var no in m3){
                var m4 = m3[no];
                lines.push(m4);
                for(var header in m4){
                    headers[header] = true;
                }
            }
        }
    }
}

var strTable = "";
var strHeader = "";
var strRows = "";

for(var header in headers){
    strHeader += "<td>" + header + "</td>";
}
strHeader = "<tr>\n" + strHeader + "\n</tr>\n";
for(var i=0;i<lines.length;i++){
    var strRow = "";
    for(var header in headers){
        strRow += "<td>" + lines[i][header] + "</td>";
    }
    strRows += "<tr>\n" + strRow + "\n</tr>\n";
}

strTable = '<table border="1">\n' + strHeader + strRows + '</table>';

document.write(strTable);
alert(strTable);

</script>

◎質問者からの返答

出来ましたw

ありがとうございますw

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ