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

【问题标题】：javascript - split array into multiple page indexjavascript - 将数组拆分为多个页面索引
【发布时间】：2014-11-17 09:29:09
【问题描述】：

我有一个名为 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行数据而不刷新页面？

谢谢

【问题讨论】：

你能做个小提琴吗
您正在寻找分页。我建议使用这样的插件：flaviusmatis.github.io/simplePagination.js
@Newtt 哦，我不知道分页这个词。 +1 感谢提及

标签： javascript jquery html arrays

【解决方案1】：

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();
}

【讨论】：

【解决方案2】：

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 等等。

【讨论】：