如何訪問對象的鍵的值？ 尋找從對象數據填充表

Question

上下文：JavaScript的新手，並嘗試創建一個學生貸款計算器Webapp進行練習。 目前正在“第1部分”上工作，您可以在其中提交貸款，貸款余額和利率； 添加您的貸款時，就會填充一張包含您提交的貸款的表格。

1. 在表單提交時，輸入數據用於使用對象構造函數創建新對象（loanObj）。 該新對象被推入數組（loanArray）進行存儲。
2. 在提交表單時，我想要一個表，以自動填充借貸數據。 我通過遍歷loanArray來計數每個對象，然后遍歷每個對象的鍵，並沿此過程創建表行和單元格來進行嘗試。

到目前為止，除了訪問密鑰的值之外，我能夠執行所有這些操作。 即，它輸出“未定義”，而不是5000和5％等。

這是與我的問題相關的代碼片段：

        for (var i = 0; i < loanArray.length; i++) {
          //create table row for each loan object in array
          var tr = document.createElement('tr');

          //create table cell for each loan property (keys)
          var loanKeys = Object.keys(loanArray[i]);
          for (var j = 0; j < loanKeys.length; j++) {
            var td = document.createElement('td');
            //create text node for key data
            td.appendChild(document.createTextNode(loanKeys[j].value));
            tr.appendChild(td); 
          }
        tableBody.appendChild(tr);
        }

完整的提琴是： http : //jsfiddle.net/v5goLto9/1/

請幫助菜鳥出來！ 隨時給我有關我的代碼結構/邏輯/總體的反饋！

Answer 1

您可以直接迭代對象值，而無需使用鍵，如下面的代碼所示：

 for (var i = 0; i < loanArray.length; i++) { //create table row for each loan object in array var tr = document.createElement('tr'); //create table cell for each loan property (keys) for (var j in loanArray[i]) { var td = document.createElement('td'); //create text node for key data td.appendChild(document.createTextNode(loanArray[i][j])); tr.appendChild(td); } tableBody.appendChild(tr); }