Javascript 使用Jquery显示数组对象

我想在表中显示对象数据，对象名称中的值显示为

， 我的网络预览结果如下所示：

我需要将

A1_分数

和

A2_分数

中的值显示为

，因此我尝试了如下jquery：

$(document).on('click', '#cektesting', function(e) {
$('.row').css({ 'visibility': 'hidden', 'display': 'none' });
$.ajax({
    url: "pengguna/getCounting",
    type: "GET",
    dataType: "JSON",
    success: function(data) {
        $('.row').css({ 'visibility': 'visible', 'display': 'flex' });
        $.each(data['A1_score', 'A2_score'], function(key, value) {
            $('#tbodyres').append(
                '<tr id="idscore"><td>' + key + '</td><td>' + value + '</td><td>' + value + '</td></tr> '
            );
        });
    }
});
});

结果： 这就是我尝试从上面的jquery代码构建jquery时得到的结果，所以我得到了

A2_分数

数据，但是

A1_分数

并没有只显示

A2_分数

数据

---

您不能使用

数据['A1_分数'，'A2_分数]

来迭代属性

A1_分数

和

A2_分数

。您应该做的是迭代

A1_分数

或

A2_分数

并检索

键

。然后使用

数据[“A1_分数”][键]

和

数据[“A2_分数”][键]

从

A1_分数

获取值

试试下面的方法

$.each(data["A1_score"], function(key, value) {
    $('#tbodyres').append(
        '<tr id="idscore"><td>' + key + '</td><td>' + data["A1_score"][key] + '</td><td>' + data["A2_score"][key] + '</td></tr> '
    );
});

$。每个（数据[“A1_分数”]、函数（键、值）{
$（'tbodyres'）。追加(
''+关键点+''+数据[“A1_分数”][关键点]+''+数据[“A2_分数”][关键点]+''
);
});

您可以获取对象内部的所有

键，然后使用这些键从两个JSON对象获取所需数据

演示代码：


//仅用于演示。。
风险值数据={
“A1_分数”：{
“xs”：12322，
“sse”：1232
},
“A2_分数”：{
“xs”：1234，
“sse”：213
}
}
//获取一个对象的关键点，因为另一个对象中的关键点相同
var keys=Object.keys（数据[“A1_分数”]）
console.log（键）
//循环键
对于（变量i=0；i


它显示了，但是
A2_分数
值没有显示为
而是新的
，我所期望的是
A1_分数
和
A2_分数的值与
并排显示，我已经更新了答案。请现在试一试。
$.each(data["A1_score"], function(key, value) {
    $('#tbodyres').append(
        '<tr id="idscore"><td>' + key + '</td><td>' + data["A1_score"][key] + '</td><td>' + data["A2_score"][key] + '</td></tr> '
    );
});