js 分页 每页显示10条

// 假设我们有一个包含100条数据的数组
const data = Array.from({ length: 100 }, (_, i) => `Item ${i + 1}`);

// 分页函数
function paginate(data, itemsPerPage) {
  const totalPages = Math.ceil(data.length / itemsPerPage);
  return {
    currentPage: 1,
    totalPages,
    data: data.slice(0, itemsPerPage),
    nextPage: function() {
      if (this.currentPage < this.totalPages) {
        this.currentPage++;
        this.data = data.slice((this.currentPage - 1) * itemsPerPage, this.currentPage * itemsPerPage);
      }
    },
    prevPage: function() {
      if (this.currentPage > 1) {
        this.currentPage--;
        this.data = data.slice((this.currentPage - 1) * itemsPerPage, this.currentPage * itemsPerPage);
      }
    }
  };
}

const paginator = paginate(data, 10);

// 显示当前页数据
console.log(paginator.data);

// 跳转到下一页
paginator.nextPage();
console.log(paginator.data);

// 跳转到上一页
paginator.prevPage();
console.log(paginator.data);