Wie dynamisch Namen Parameter erstellen

Question

Ich habe die folgende Funktion, die ich allgemeinere machen wollen:

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

Ich habe versucht, den folgenden Ansatz:

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

jedoch anstelle der Werte rowData.param1 ... 3 es druckt "rowData.param1", "rowData.param1" und "rowData.param1".

Answer 1

Sie Klammer-Notation kann so eine Objekt-Eigenschaft von string name zuzugreifen:

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

Als Randbemerkung, Sie sind ein neues Array bei jeder Iteration Erstellen und Eigenschaftsnamen als i te Element speichern dieses Arrays. Sie könnten mehr einfach eine Variable verwenden:

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

oder ein Einzeiler:

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

Answer 2

Sie $.each können alle Eigenschaften von rawData zu bekommen, so müssen Sie auf nicht verlassen param1, param2 und verwenden Sie sinnvolle Objekteigenschaften.

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

Answer 3

Warum erstellen Sie ein Array? Kann Ihr Code nicht vereinfacht werden zu:

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