Обработка данных "Front-end paging, двумерный массив"

Иногда, когда мы обрабатываем данные, нам нужно преобразовать их в формат данных внешнего пейджинга (двумерный массив);

let Arr = [
  [],
  [],
  [],
  ...
]

Конкретный метод обработки данных:

paging(list){
  let Arr = [],
      total = list.length,                     // 总条数
      pageSize = 10,                           // 每页显示条数
      totalPage = Math.ceil(total / pageSize), // 总页数
      sum = 0;                                 // 记录上一次循环的起点
  for(var j=0; j<totalPage; j++){
    Arr.push([]);
    let n = (j+1)*pageSize;   // 每页显示条数的倍数
    for(var i=0; i<total; i++){
      if( i<n && i>=sum ) Arr[j].push(list[i]);
    }
    sum = n;
  }
  return Arr
},

Результат, полученный этим методом

Советы: если вы хотите инкапсулировать его во внешний метод пейджинга, вам нужно только создать соответствующие переменные и параметры (предыдущая страница, следующая страница, первая страница, последняя страница, щелкните соответствующий номер страницы для перехода, поиск по номеру страницы для прыжок), эти параметры на самом деле все они управляют этим двумерным массивом, и запрос номера страницы должен найти соответствующий (значение индекса + 1) двумерного массива; если вы хотите добавить номер отображения текущей страницы на основе этого пейджинга вам нужно только передать pageSize в виде параметров просто передать в

Supongo que te gusta

Origin blog.csdn.net/qq_42660374/article/details/129588655
Recomendado
Clasificación