将数组项映射/链接到另一个对象的键

Question

我正在尝试使用以下代码生成报告页面。问题是，我无法从 objItems[i] 对象中选择 listTDRender[k] 等效数组值。我收到“Uncaught TypeError: Cannot read properties of undefined (reading '0')”错误。

当前工作流程 第 1 步 - 获取配置（生成列表数组）和拆分值

function loadReport() {
    for (var j = 0; j < list.length; j++) {
        const listVal = list[j].split(",");
        const listFieldRender = listVal[2].replaceAll('|',',');
        var listTDRender = listVal[2].split("|");                       
        $.ajax({
            async: false,
            url: "SPO/_api/web/lists/getbytitle('" + listVal[0] + "')/items?$select=Created,EncodedAbsUrl,"+ listFieldRender +"&$top=2&$orderby=Created%20desc",
            type: "GET", headers: {"accept": "application / json;odata = verbose"},
            success: function(data) {
                var objItems = data.d.results;
                var tableContent = '<table id="' + listVal[1] + '" style="width:100%;"><caption class="text-info">' + listVal[1] + '</caption>';
                for (var i = 0; i < objItems.length; i++) {
                     tableContent += '<tr>';
                        for (var k = 0; k < listTDRender.length; k++) {
                            tableContent += '<td>' + objItems[i].listTDRender[k] + '</td>';
                        }
                     tableContent += '</tr>';
                }
               $('#renderReport').append(tableContent);
            },
            error: function(error) {
                alert(JSON.stringify(error));
            }
        });
    }
}

下面的示例数据

list
[
    "ABC,ABC Report,DistrDate|Rev|Owner",
    "DEF,DEF Report,DistrDate|Rev|Owner",
    "GHI,GHI Report,DistrDate|Owner",
    "JKL,JKL Report,distrDate|Owner"
]

listTDRender
[
    "DistrDate",
    "Rev",
    "Owner"
]

objItems
{
    "d": {
        "results": [
            {
                "DistrDate": "2021-10-19T03:03:00Z",
                "Rev": 0,
                "Owner": "ABC",
                "Created": "2021-10-19T03:03:00Z",
                "EncodedAbsUrl": "URL"
            },
            {
                "DistrDate": "2021-10-18T03:02:49Z",
                "Rev": 0,
                "Owner": "ABC",
                "Created": "2021-10-18T03:02:49Z",
                "EncodedAbsUrl": "URL"
            }
        ]
    }
}

Answer 1

必须是objItems[i][listTDRender[k]]，而不是objItems[i].listTDRender[k]。

您不想访问名为listTDRender 的属性，而是访问名称等于listTDRender[k] 内容的属性。