前端實現分頁 實現個數據分頁函數

前端拿到所有數據實現分頁函數代碼如下:

      //分頁數據處理函數
        pageDataFn(number){
            //處於第幾頁 number
            //保存每頁數據的函數
            pagedata = [];
            //pageSize 每頁條數
             //設置開始
            let start = (pageSize * number) - pageSize;
            // 設置結束長度
            let end = pageSize * number;
　　　　　　　　//長度判斷

　　　　　　//所有分頁數據 getdata.children

　　　　　　　　end = end > getdata.children.length ? getdata.children.length : end;

            for(let i = start; i < end; i++){
                //所有分頁數據 getdata.children
                pagedata.push(getdata.children[i]) 
            }
           

        }        

這個函數很簡單可以再次封裝一下 就可以一直使用了如下

    //分頁數據處理函數
        pageDataFn(number,pageSize,data ){
            //處於第幾頁 number
            //保存每頁數據的數組
            pagedata = [];
            //pageSize 每頁條數
             //設置開始
            let start = (pageSize * number) - pageSize;
            // 設置結束長度
            let end = pageSize * number;
　　　　　　　end = end > data.length ? data.length : end;
            for(let i = start; i < end; i++){
                //所有分頁數據 data
                pagedata.push(data[i]) 
            }
                return pagedata ;
    
               

        }  

然后渲染這個函數的返回值就行了 number改變數據跟着改變實現數據分頁功能