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

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

  •  
  •   rateltalk · 2018 年 12 月 11 日 · 1080 次点击
    这是一个创建于 2685 天前的主题,其中的信息可能已经有所发展或是发生改变。

    原始数据:

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

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

    title   | 张三   | 李四
    ------- | -----  | ------
    sex     | 男     | 男
    age     | 22     | 24
    address | 吉祥村 | 鱼化寨
    
    第 1 条附言  ·  2018 年 12 月 12 日

    附上代码:

    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   ·   Solana   ·   2772 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 39ms · UTC 12:10 · PVG 20:10 · LAX 05:10 · JFK 08:10
    ♥ Do have faith in what you're doing.