javascript - 使用 Vanilla JavaScript 进行分页

Question

我对 JavaScript 还很陌生，所以如果这是显而易见的或者问题不清楚，我深表歉意。

我有一个分页作业，我必须使用函数将学生列表限制为每页 10 人。我可以使用一点 jQuery，但绝对不能使用插件。

目前我有:

const numberOfStudents = $('.page .student-item').length;
const limitPerPage = 10;
var totalPages = Math.ceil(numberOfStudents / limitPerPage);

如何使用它创建一个函数？来限制学生。我正在考虑使用循环，但我不知道从哪里开始。

提前致谢!

Answer 1

我不久前编写了这个小函数来为我处理分页数组。您不应该在非常大的数组上使用它，但它可以用于相对较小的数组。它的用法应该是非常不言自明的:

function paginateArray(ary, perPage=10, pageNumber=1) {
  const start = perPage * (pageNumber - 1)

  const size = ary.length
  return {
    data: ary.slice(start, start + perPage),
    numberOfPages: Math.ceil(size / perPage),
    currentPage: pageNumber,
    dataLength: size
  }
}

paginateArray([1,2,3,4,5], 2, 1]
// {data: [1, 2], numberOfPages: 3, currentPage: 1, dataLength: 5}