Question

我有这个JSON文件：

{ maxfare: [ 300, 600, 300, 650, 500, 500, 500, 200, 800 ],
 cabtype: 
 [ 'Crazy Cheesy',
 'Sukanta',
 'Crazy Cheesy',
 'SP\'s Biryani House',
 'Aaoji Khhaoji',
 'Durvankur',
 'House of Paratha',
 'Supreme Corner',
 'The Leaf' ],
 minfare: [ '4.5', '4.0', '4.4', '3.9', '3.9', '3.8', '3.7', '3.8', '3.9' ] }

我试图通过javascript将其插入到html表中。为了做同样的事情，我现在正在这样做：

var table = document.createElement("table");
            table.className = "medium";
            var row = document.createElement("tr");
                table.appendChild(row);
                var col1 = document.createElement("td");
                col1.innerHTML = this.zomato.cabtype[0];
                row.appendChild(col1);
                var col2 = document.createElement("td");
                col2.innerHTML = this.zomato.maxfare[0];
                row.appendChild(col2);
                var col3 = document.createElement("td");
                col3.innerHTML = this.zomato.minfare[0];
                row.appendChild(col3);
                var row1 = document.createElement("tr");
                table.appendChild(row1);

                var col4 = document.createElement("td");
                col4.innerHTML = this.zomato.cabtype[1];
                row1.appendChild(col4);
                var col5 = document.createElement("td");
                col5.innerHTML = this.zomato.maxfare[1];
                row1.appendChild(col5);
                var col6 = document.createElement("td");
                col6.innerHTML = this.zomato.minfare[1];
                row1.appendChild(col6);
                wrapper.appendChild(table)

但由于这是一个漫长的过程，所以我试图把它放在一个for循环中，但不幸的是，它没有显示任何东西。任何人都可以说出它的错误。

for (var i = 0; i < zomato.length; i++) {

        var tr = table.insertRow(-1);

        for (var j = 0; j < col.length; j++) {
            var tabCell = tr.insertCell(-1);
            tabCell.innerHTML = zomato[i][col[j]];
        }
    }

Answer 1

您需要迭代keys的{{1}}。这可以使用zomato来完成，它创建一个包含键的数组。或者您只需定义一个，允许您说明列的顺序：

Object.keys(zomato)

将JSON数据插入表中

1 个答案: