javascript - 使用 .each() 从表行中创建嵌套对象

Question

我在使用 .each() 循环时拼命尝试创建一个 Object ，但它似乎不起作用。这是代码:

$("#pdfyap").on("click", function(){

    var sonarr = {};

    $("#bura tr").each(function(){
        var malzemeadi = $(this).find(".maladi").html();
        console.log(malzemeadi);
        sonarr[malzemeadi] = {};   
        sonarr[malzemeadi]["malzemekodu"] = $(this).find(".malkodu").html();
        sonarr[malzemeadi]["malzemedovizi"] = $(this).find(".doviz").html();
        sonarr[malzemeadi]["malzemekdvorani"] = $(this).find(".kdvoranbir").html();
        sonarr[malzemeadi]["malzemebirimfiyati"] = $(this).find(".birimfiyat").html();
        sonarr[malzemeadi]["malzemebirimkdvmiktari"] = $(this).find(".kdvmikbir").html();
        sonarr[malzemeadi]["malzemedovizfiyati"] = $(this).find(".dovfiyat").html();
    });
    sonarr["nettoplam"] = $("#aratop").html();
    sonarr["kdvtoplam"] = $("#kdvtop").html();
    sonarr["grosstoplam"] = $("#totaltry").html();
    console.log(sonarr);
});

我得到了所有正确的值，但在控制台中，对象似乎只有键(malzemeadi)，并且它的值是空的，最后三个值是正确的。长话短说:尽管选择器获得了正确的值(多次检查)，但只是没有添加嵌套的值。我缺少什么？

这也是控制台日志:

Object { sdfsadd: Object, fhg: Object, xcvxcv: Object, nettoplam: "6431", kdvtoplam: "245", grosstoplam: "6676" }

提前致谢。

Answer 1

我尝试了你的代码，它有效。问题是控制台只会显示顶级项目，而不会扩展层次结构。尝试单击日志旁边的小箭头以查看展开的层次结构。

或者，您可以将对象转换为 JSON 并将其记录到控制台以查看其层次结构:

console.log(JSON.stringify(sonarr, null, 4));