为了账号安全,请及时绑定邮箱和手机立即绑定

如何使用 JS 对比数组对象并用 Table 绘制结果?

如何使用 JS 对比数组对象并用 Table 绘制结果?

至尊宝的传说 2019-01-04 16:31:40
问题描述给出原始数据:var data = [     {         title: "张三",         sex: "男",         age: "22",         address: "吉祥村"     },     {         title: "李四",         sex: "男",         age: "24",         address: "鱼化寨"     } ];如上,如何对比数组中的两个或者多个对象,并用 Table 绘制期待结果如下:title张三李四sex男男age2224address吉祥村鱼化寨
查看完整描述

1 回答

?
互换的青春

TA贡献1797条经验 获得超6个赞

<!DOCTYPE html><html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style>

        </style>
    </head>
    <body>
        <table border="1">
            <tbody>
                
            </tbody>
        </table>
    </body>
    <script>
        var data = [
            {                title: "张三",                sex: "男",                age: "22",                address: "吉祥村"
            },
            {                title: "李四",                sex: "男",                age: "24",                address: "鱼化寨"
            }
        ];        var arr = [];        for(var i in data[0]){
            arr.push([i])
        }        for(var i in data){            for(var j in data[i]){                for(var k in arr){                    if(arr[k][0]===j){
                        arr[k].push(data[i][j]);
                    }
                }
            }
        }        var tbody = document.getElementsByTagName('tbody')[0];        for(var i in arr){            var tr = document.createElement("tr");            for(var j in arr[i]){
                tr.innerHTML += '<td>'+arr[i][j]+'</td>';
            }
            tbody.appendChild(tr);
        }        
    </script></html>


查看完整回答
反对 回复 2019-01-04
  • 1 回答
  • 0 关注
  • 470 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号