Javascript 筛选器行数HTML表,拼接数组

Javascript 筛选器行数HTML表,拼接数组,javascript,html,arrays,json,drop-down-menu,Javascript,Html,Arrays,Json,Drop Down Menu,我有以下填充表格的代码: if (jsonObj[0].array !== 'undefined' && jsonObj[0].array.length > 0) { for (var i = 0; i < jsonObj[0].array.length; i++) { var table_row = "<tr><td>" + jsonObj[0].array[i].siteId + "</td>"; var da

我有以下填充表格的代码:

if (jsonObj[0].array !== 'undefined' && jsonObj[0].array.length > 0) {
for (var i = 0; i < jsonObj[0].array.length; i++) {
    var table_row = "<tr><td>" + jsonObj[0].array[i].siteId + "</td>";

    var date = new Date(0); 
    date.setUTCSeconds(jsonObj[0].array[i].time);
    table_row = table_row + "<td>" + date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds() + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field1 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field2 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field3 + "</td>";
    table_row = table_row + "<td>" + jsonObj[0].array[i].field4 + "</td>";

    var totalCount = jsonObj[0].array[i].field1 + jsonObj[0].array[i].field2 + jsonObj[0].array[i].field3 + + jsonObj[0].array[i].field4;

    if (totalCount > 100) {
        table_row = table_row + totalCount + "</td></tr>";
    } else if (totalCount > 80){
        table_row = table_row + totalCount + "</td></tr>";
    } else {
        table_row = table_row + totalCount + "</td></tr>";
    }

    $("#my-table").find("#my-table-body").append(table_row);
}
}


我不确定此时如何切片数组/仅显示该行数,有人能帮忙吗?

这将仅显示表的前10行:

$("#my-table tr:lt(11)").show();
$("#my-table tr:gt(10)").hide();

将“var i=0”替换为“var i=rowNumberSelection.value”,以在第一行之后开始。我对原始代码有疑问。我正在试图理解
jsonObj[0].array的作用。尤其是
.array
。我找到了一段代码,我正在努力理解它。它包含类似的结构。请参见此处
data.findIndex(x=>x.array==String('arr\u id\uu'+t\u id))
。我对x.array的功能感兴趣
$("#my-table tr:lt(11)").show();
$("#my-table tr:gt(10)").hide();