用具有多个索引的数组填充表[重复]

Question

在 ajax cal 之后，我可以打印以下结果：

Array(3)
0: [{Col1: "Value", Col2: "Value" }]
1: [{Col1: "Value", Col2: "Value" }]
2: [{Col1: "Value", Col2: "Value" }]

我要做的是用 for 循环填充表格。这是我正在尝试使用的。

$.ajax({
    url: "apiurl",
    data: {},
    method: "GET",
    success: function (data) {
        var json = data;
        var html = "";

        for (var x = 0; x < json.length; x++) {
            html += "<tr><td>" + json[x].Col1+ "</td><td>" + json[x].Col2+ "</td></tr>";
        }

        $('#Table').html("");
        $('#Table').html(html);         
    }
});

此代码不会填充表格，但如果我进行此更改：

var json = data[0];

该表是用索引为 0 的数组中的值填充的，所以我的问题是，我该怎么做才能用所有索引的值填充我的表。

Answer 1

您的data 似乎是一个数组数组。您需要将其展平：

var json = data.map((entry) => entry[0]);

您也可以使用.flat() 方法：

var json = data.flat();