Как динамически создавать имена параметров

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>")); 
} 

Answer 2

Вы можете использовать $.each, чтобы получить все свойства от RAWDATA, таким образом, вы не должны полагаться на param1, param2 и использовать значения свойств объекта.

function addRow2(rowData) { 
    var row = $("<tr />") 
    $("#dataTable").append(row); 
    $.each(rowData, function (prop, value) { 
     row.append($("<td>" + value + "</td>")); 
    }); 
} 

Answer 3

Почему вы создаете массив? Невозможно упростить код:

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