问题描述给出原始数据: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>添加回答
举报
0/150
提交
取消
