javascript - 如何动态创建参数名称

Question

我有以下功能，我想使其更通用:

function addRow2(rowData) {
    var row = $("<tr />")
    $("#dataTable").append(row);
    row.append($("<td>" + rowData.param1 + "</td>"));
    row.append($("<td>" + rowData.param2 + "</td>"));
    row.append($("<td>" + rowData.param3 + "</td>"));
}

我尝试了以下方法:

function addRow1(rowData) {
    var row = $("<tr />")
    $("#dataTable").append(row);
    for (i = 1; i <= 3; i++) {
        var marker = [];
        marker[i] = 'rowData.param'+i;
        alert(marker[i]);
        row.append($("<td>" + marker[i] + "</td>"));
    }
}

但是，它打印的不是 rowData.param1...3 的值，而是打印“rowData.param1”、“rowData.param1”和“rowData.param1” .

Answer 1

您可以使用括号表示法通过字符串名称访问对象属性，如下所示:

marker[i] = rowData['param' + i];

作为旁注，您在每次迭代中创建一个新数组，并将您的属性名称存储为该数组的第 i 个元素。您可以更简单地使用一个变量:

for (i = 1; i <= 3; i++) {
    var marker = rowData['param' + i];
    alert(marker);
    row.append($("<td>" + marker + "</td>"));
}

或者单行:

for (i = 1; i <= 3; i++) {
    row.append($("<td>" + rowData['param' + i] + "</td>"));
}