V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
V2EX 提问指南
s609926202
V2EX  ›  问与答

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

  •  
  •   s609926202 · 2018-12-11 18:27:32 +08:00 · 857 次点击
    这是一个创建于 2208 天前的主题,其中的信息可能已经有所发展或是发生改变。

    原始数据:

    var data = [
        {
        	title: "张三",
            sex: "男",
            age: "22",
            address: "吉祥村"
        },
        {
        	title: "李四",
            sex: "男",
            age: "24",
            address: "鱼化寨"
        }
    ];
    

    如上,如何对比数组中的两个或者多个对象,并用 Table 绘制,期望如下:

    title   | 张三   | 李四
    ------- | -----  | ------
    sex     | 男     | 男
    age     | 22     | 24
    address | 吉祥村 | 鱼化寨
    
    第 1 条附言  ·  2018-12-12 13:44:19 +08:00

    附上代码:

    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]);
                }
            }
        }
    }
    
    目前尚无回复
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   974 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 21ms · UTC 19:57 · PVG 03:57 · LAX 11:57 · JFK 14:57
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.