Question

我有一个名为Render（arr）的函数。 Arr是一个包含50行数据的参数。我在html页面中有一个空div

<div id="test"></div>

当我使用这个javascript代码时

var s=""
for(i<0;i<arr.length;i++{
    s+= arr[i].attr1.toString();
    s+= arr[i].attr2.toString();
    s+= arr[i].attr3.toString();
}
var data = document.getElementById("test");
data.innerHTML = s;

它会渲染所有50行数据以及html页面中占用空间的属性。如果我想将数组拆分为页面索引，如果页面只包含5个数据，如何进行页面索引？例如第1页只显示数据行1-5，第2页只显示数据行6-10而不刷新页面？

感谢

Answer 1

var page = curr_page - 1;
for(i=page*5;i<page*5+5;i++{
    s+= arr[i].attr1.toString();
    s+= arr[i].attr2.toString();
    s+= arr[i].attr3.toString();
}

这样的东西？

如果curr_page = 1 for将循环5次，从0到5

如果它的2将从5循环到10 等等。

Answer 2

for(var i = current_page * 5 - 5, j = 0; j < 5; j++, i++) {
  s += arr[i].attr1.toString();
  s += arr[i].attr1.toString();
  s += arr[i].attr1.toString();
}

javascript - 将数组拆分为多个页面索引

2 个答案: