Javascript 如果有人知道如何用循环和.map解决这个问题

Javascript 如果有人知道如何用循环和.map解决这个问题,javascript,jquery,arrays,Javascript,Jquery,Arrays,这是我的代码: $.ajax({ type: 'POST', url: '/tableResult', data: form.serialize() }).done(function (data) { for (var i in data.fields){ $('.thead').append("<th>" + data.fields[i].name.charAt(0).toUpperCase() + data.fields[i].

这是我的代码:

$.ajax({
    type: 'POST', 
    url: '/tableResult', 
    data: form.serialize()
}).done(function (data) {
    for (var i in data.fields){
        $('.thead').append("<th>" + data.fields[i].name.charAt(0).toUpperCase() + data.fields[i].name.slice(1).replace(/_/g," "));
    }

    data.rows.map(function (item) {
        for (i = 0; i < 4; i++) {
            $('.tbody').append("<tr><td>" + item[Object.keys(item)[i]])
            console.log(item[Object.keys(item)[i]])
        }
    });
}
我需要这样的输出:

Actor id          First name     Last name      Last update
 1                Penelope       Guiness        2013-05-26T12:47:57.620Z

我如何做到这一点?

这里的关键是将行(tr)和列(td)的概念分开。对于每一行,您都有x个列,这是一种思考方式。这意味着您希望每组x都有一个标记

由于没有提供数据样本,我不得不进行逆向工程。让我知道它是否与我提出的不同,我可以调整代码以匹配

我想你们有一张桌子,桌子上有一个桌子和一个桌子


$(函数(){
风险值数据={
字段:{
1:{name:'actor_id'},
2:{name:'first_name'},
3:{name:'last_name'},
4:{name:'last_update'}
},
行:[
{
演员编号:1,
名字:“佩内洛普”,
姓氏:“吉尼斯”,
最后更新:“2013-05-26T12:47:57.620Z”
},
{
演员编号:2,
名字:“尼克”,
姓:“沃尔伯格”,
最后更新:“2013-05-26T12:47:57.620Z”
}
]
};
var fieldCount=0;
for(数据字段中的var i){
$('thead').append(“+data.fields[i].name.charAt(0).toUpperCase()+data.fields[i].name.slice(1).replace(/g/g)”);
fieldCount++;
}
data.rows.forEach(函数(项){
变量el=$('tbody')。追加(“”);
Object.key(item).forEach(function(key){
$(el).追加(“+项[键])
});
});
});
点击游戏

这里的关键是将行(tr)和列(td)的概念分开。对于每一行,您都有x个列,这是一种思考方式。这意味着您希望每组x都有一个标记

由于没有提供数据样本,我不得不进行逆向工程。让我知道它是否与我提出的不同,我可以调整代码以匹配

我想你们有一张桌子,桌子上有一个桌子和一个桌子


$(函数(){
风险值数据={
字段:{
1:{name:'actor_id'},
2:{name:'first_name'},
3:{name:'last_name'},
4:{name:'last_update'}
},
行:[
{
演员编号:1,
名字:“佩内洛普”,
姓氏:“吉尼斯”,
最后更新:“2013-05-26T12:47:57.620Z”
},
{
演员编号:2,
名字:“尼克”,
姓:“沃尔伯格”,
最后更新:“2013-05-26T12:47:57.620Z”
}
]
};
var fieldCount=0;
for(数据字段中的var i){
$('thead').append(“+data.fields[i].name.charAt(0).toUpperCase()+data.fields[i].name.slice(1).replace(/g/g)”);
fieldCount++;
}
data.rows.forEach(函数(项){
变量el=$('tbody')。追加(“”);
Object.key(item).forEach(function(key){
$(el).追加(“+项[键])
});
});
});
点击游戏

不要在内部循环中附加tr元素。(另外,如果传递给
.map()
的函数未返回值,则应使用
.forEach()
而不是
.map()
——这不会更改结果,但会使代码更易于理解。)您可以选中此选项,不要在内部循环中附加tr元素。(另外,如果传递给
.map()
的函数未返回值,则应使用
.forEach()
而不是
.map()
-这不会更改结果,但会使代码更易于理解。)您可以检查此项
Actor id          First name     Last name      Last update
 1                Penelope       Guiness        2013-05-26T12:47:57.620Z