前端分页列表删除当前pageNum数据后为空列表，返回上一页pageNum

原创已于 2024-01-11 11:10:12 修改 · 449 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#前端

于 2024-01-11 10:52:14 首次发布

文章描述了一个JavaScript函数，用于处理前端分页列表中删除指定数量数据后，如何自动计算并返回上一页或保持在首页的逻辑。通过给定的参数如总页数、当前页、每页大小和删除数量，函数动态调整新的页码。

/**
 * @function 前端分页列表删除当前pageNum数据后为空列表，返回上一页pageNum
 * @param {number} total 删除前总页数
 * @param {number} pageNum 删除前pageNum
 * @param {number} pageSize 删除前pageSize
 * @param {number} delNum 删除多少条
 */
const calcPageNum = (total: number, pageNum = 1, pageSize = 10, delNum = 1) => {
  const restNum = total - pageSize * (pageNum - 1)
  let pageNumDiff = Math.floor((delNum - restNum) / pageSize) + 1
  pageNumDiff < 0 && (pageNumDiff = 0)
  pageNum = pageNum - pageNumDiff
  pageNum < 1 && (pageNum = 1)
  return pageNum
}

let newPageNum = calcPageNum(3, 2, 10, 3) // 总数3 当前页2 一页10条 删除当前页3条数据
console.log(newPageNum) // 1 删除后当前页数组为空 返回上一页