1. 程式人生 > >anguary建立二維陣列,swiper建立錨點,返回到離開時的頁面。

anguary建立二維陣列,swiper建立錨點,返回到離開時的頁面。

     如果從資料庫中傳來了很多未知的資料,現在要把這些資料已3為分界線生成二維陣列。這個怎麼寫呢?

      let models = res.json().data.listRows;//後臺的資料
          console.log(models)
          let iszell=models.length%3;
          let pageye=0;
          if(iszell==0)
          {
             pageye=Math.round(models.length/3);  //求要顯示多少屏
          }
          else  
          {
             pageye=Math.ceil(models.length/3);  //求要顯示多少屏,ceil是向上取整
          }         
          console.log(pageye) 
                                                                                       
         let pageArray=new Array();//陣列下標從零開始
          
          let yeshuyu=new Array(); //3不完整的陣列
          console.log(pageArray)
          for(let j=0;j<pageye;j++){  //宣告多個數組
               //如果是倒數第一個
               if(j==pageye-1)
               {
                  //說明有的不是3的倍數
                  for(let k=0;k<(models.length-j*3);k++){
                    yeshuyu.push(models[j*3+k]);  //關鍵在於push
                                       
                  }
               }
               if(j!=pageye-1)
               {
                let yeshuzu=new Array([3]); //3完整的陣列
                for(let i=0;i<3;i++)
                {
                  
                    yeshuzu[i]=models[Math.round(j*3)+i];
                                    
                }
                pageArray.push(yeshuzu);
               }                                               
          }
           pageArray.push(yeshuyu);
           this.thpageArray=pageArray;   //賦值屬性,方便html使用

關鍵的幾點,總結一下。先除以3得到一維陣列,然後在一位陣列中再新增3條記錄的陣列。關鍵詞push。

swiper建立錨點,返回到離開時的頁面。

swiper.slideTo(sessionStorage.getItem("index"),0.1,false); //關鍵在於index