切断の指定された数に応じてJSアレイ

上巻の問題

プロジェクトを書き込むときは、前面が行う必要がある  偽のページネーションの 問題を:バックエンドデータは、独自のフロントエンドページネーションへのすべての戻ります

2弾のアイデア

データの後端の完全なリターンを得る、に従って需要  このようなデータ当たり10としてページング、例えば、すべてのデータがに従い、その後、小さなアレイ10のそれぞれについて分割し、次いで大きなアレイに結合する必要がありますインデックス値

たとえば、パート3

これは、バックエンドで返されるすべてのデータであることを前提としてい

ARR:[ 
               {名: 'ボブ'、年齢:20である}、
               {名: '赤'、年齢:21である}、
               {名: '小さな軍隊'、年齢:22である}、
               {名前: '王'、年齢:23である}、
               {名前: 'Xiaozhu'、年齢:24 }、
               {名: '劉'、年齢:25 }、
               {名: '張'、年齢:26である}、
               {名: '小さなパン' 、年齢:27 }、
               {名前: 'キビ'、年齢:28 }、
               {名前: 'Xiaohua'、年齢:29 }、
               {名前:「シャオ鄭」、年齢:30}、
               {名: '小さな青い'、年齢:31である}、
               {名: '小さな緑'、年齢:32 }、
               {名: 'リトルグリーン'、年齢:33である}、
               {名: '白'、年齢:34である}、
               {名: '黒'、年齢:35 }、
               {名:「小さなオレンジ」、年齢:36 }、
               {名: '紫小'、年齢:37 }、
               {名: '丘'、年齢:38である}、
               {名: '小'、年齢:39 }、
               {名前: 'Xiaopeng'、年齢:40 }、
               {名前:「小クラスター」、年齢:41}、
               {名: '魚'、年齢は:42である}、
               {名: '李'は、年齢:43である}、
               {名: 'リトル・ブリテン'、年齢:44である}、
               {名: 'ジル'、年齢:45 }、
               {名: '小像'、年齢:46である}、
               {名: '小窓'、年齢:47 }、
               {名: 'リーフレット'、年齢:48 }、
               {名: '小さなパケット'、年齢:49 }、
               {名: 'トラ'、年齢:50 }、
               {名: '小純粋'、年齢:51である}、
               {名前:'Xiaowei'、年齢:52}、
               {名: '良い少し'、年齢:53である}、
               {名: '暁呉'、年齢:54である}、
               {名: '小片'、年齢:55 }、
               {名前: 'オハラ'、年齢: 56は}、
               {名: '小文字'、年齢:57である}、
               {名: '小さな川'、年齢:58 }、
               {名: '小ヤン'、年齢:59 }、
               {名: '小さな偶発'、年齢:60 } 
]、

まず、分割の完了のために、小さな受信の配列を空の配列を作成します

 ニューアーク:[]

ページがある10分周の記事

dataHandling:関数(){ 
       arrLengthを聞かせ = この .arr.length。// 数组长度 
       せNUM = 10;  // 每页显示10条 
       のletインデックス= 0 ;
       以下のために(;;私は<arrLength私は++ iの= 0ましょう{)
             であれば(!私の%のnum個=== 0 && I == 0){ // 可以被10整除
                 この .newArr.push(この.arr.slice(インデックス、 私)); 
                 インデックス = I; 
             }。
             もし((I + 1)=== arrLength){
                   この .newArr.push(この.arr.slice(インデックス、(I + 1 )))。
             } 
       }。
  }

結果は以下の通りであります:

データが分割になっている5小さな配列の各小アレー10個のデータ、及びページング操作に応じて取るために  、配列のインデックス(newArr)にある 値を完了するために、ページング操作は偽達成するために!~~~

 

 

おすすめ

転載: www.cnblogs.com/langxiyu/p/10929722.html