anguary建立二維陣列,swiper建立錨點,返回到離開時的頁面。
阿新 • • 發佈:2018-12-29
如果從資料庫中傳來了很多未知的資料,現在要把這些資料已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