javascript - js中数组对象值不累加

Question

我有一个问题，数组中的一些对象值在我的 html 站点中没有正确显示，它只显示每个数组中的最后一个数字。当我创建控制台日志时，它显示正确的数字在表中它不会这样做。它以前确实有效，但现在我不行了，我不知道我做了什么破坏了我的代码。我希望能得到一些有效的快速帮助。

function metric(tryk){
    for (var i = 0; i < death_row.length; i++) {
    if (tryk === "metric"){ 
        var testMetric = death_row[i].height;
        
    }
    if (testMetric === null){
        death_row[i].height = 0;
        death_row[i].weight = 0;
        
    } else{
        var klip1 = death_row[i].height.slice(0,1);

        var klip2 = death_row[i].height.slice(3,death_row[i].height.indexOf("'",i+2));
        var klip2tal = Number(klip2);
        //console.log(klip2);
        var regn1 = klip1 * 12;
        
        var regn2 = regn1 + klip2tal;
        
        var regn3 = regn2 * 2.54;
        console.log(regn3);

        var vaegt = death_row[i].weight/2.2046;
        console.log(vaegt);
    };
};

var tabel2 = "<table>";
    for (var i = 0; i < death_row.length; i++) {
        tabel2+="<tr>";
        tabel2+="<td>"+death_row[i].first_name +" "+ death_row[i].last_name+"</td>";
        tabel2+="<td>"+death_row[i].age_at_execution+" år"+"</td>";
        tabel2+="<td>"+regn3+"</td>";
        tabel2+="<td>"+vaegt+"</td>";
        tabel2+="</tr>";
    }
    tabel2+="</table>";
document.getElementById("test").innerHTML = tabel2;
}; 

<div id="test"></div>
<div id="test2"></div>

Answer 1

假设 death_row 全局可用，并且您希望 regn3 和 vaegt 具有唯一值，您需要将它们保存到各个行对象也是如此。

var regn3 = regn2 * 2.54;
death_row[i].regn3 = regn3;

var vaegt = death_row[i].weight/2.2046;
death_row[i].vaegt = vaegt;

然后您可以像显示其他行值一样在表格中处理它们:

tabel2+="<td>"+death_row[i].regn3+"</td>";
tabel2+="<td>"+death_row[i].vaegt+"</td>";