寻求更简洁的JavaScript分页函数实现方案

云上老周

2026-5-9

回答

当然可以！用slice来处理分页截取绝对是更简洁、更不易出错的方案——毕竟slice本身就是为数组的范围截取设计的，完全能替代你当前filter里的复杂条件判断。

优化后的实现（slice + map）

function getPaginatedData(arr, offset, limit) {
  // 确定截取的结束索引：limit=-1时直接截取到数组末尾
  const endIndex = limit === -1 ? undefined : offset + limit;
  
  return arr.slice(offset, endIndex)
    .map(rec => {
      // 用扩展运算符创建新对象，避免修改原数组元素（原实现直接修改rec会有副作用）
      return {
        ...rec,
        cursor: Buffer.from(rec.name.toString()).toString('base64')
      };
    });
}

为什么这个方案更好？

逻辑直观无冗余：slice(offset, endIndex)直接对应分页的起始和结束位置，不需要像filter那样写一堆索引判断，可读性和维护性都高很多。
避免副作用：原实现里直接修改rec.cursor会改变原数组的元素，这里用...rec创建新对象，完全不会影响原数组。
完美处理limit=-1的情况：当endIndex设为undefined时，slice会自动截取到数组最后一个元素，正好符合“返回剩余所有元素”的需求。

测试验证

用你给出的示例测试：

const baseArray = [{name: 'peter'},{name: 'terry'},{name: 'tammy'},{name: 'mary'}];
const offset = 1;
const limit = 2;
const speakerArray = getPaginatedData(baseArray, offset, limit);
console.log(speakerArray);
// 输出：[{name: 'terry', cursor: 'dGVycnk='}, {name: 'tammy', cursor: 'dGFtbXk='}]

再测试limit=-1的场景：

const offset = 1;
const limit = -1;
const speakerArray = getPaginatedData(baseArray, offset, limit);
console.log(speakerArray);
// 输出：[{name: 'terry', cursor: 'dGVycnk='}, {name: 'tammy', cursor: 'dGFtbXk='}, {name: 'mary', cursor: 'bWFyeQ=='}]