zoukankan      html  css  js  c++  java
  • 《前端分页、二维数组》数据处理

    有时我们在处理数据的时候,需要把它处理成前端分页(二维数组)的数据格式;

    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
    },

    该方法抛出的结果

    Tips:若是想封装成一个前端分页方法,只需要创建对应的变量、参数(上一页,下一页,首页,尾页,点击对应页码跳转,搜索页码跳转),这几个参数其实都是在操作这个二维数组,查询页码也就是找到该二维数组对应的(索引值+1);若是想在这个分页基础上加一个当前页面显示条数,只需要把pageSize通过参数的形式传入就可以了。

  • 相关阅读:
    C# 泛型
    EventHandler<TEventArgs>委托
    只能输入数字 ,只能有一位小数点。
    MVC过滤器 AuthorizeAttribute使用
    NuGet EntityFramework 常用命令
    Stride游戏引擎试毒
    Unity EditorWindow GUI裁剪
    unity2017自定义编译dll
    Unity
    WPF
  • 原文地址:https://www.cnblogs.com/chensv/p/14266011.html
Copyright © 2011-2022 走看看